Styling Ranges

The color and position of the ranges is primarily defined by the value of the 'showRanges' and 'ranges' properties.

In this example, we also used the ':hover' pseudo-class to change the opacity of the ranges when the mouse hovers over the gauges: