A gauge is a circular (or semi-circular) numeric control used to display or select a value from a range.

Continuous gauge

Use continuous gauges for subjective settings that do not require a specific value for the user to make meaningful adjustments.


Discrete gauge

The discrete gauge's value indicator snaps to evenly spaced tick marks along the gauge. Use for objective settings that require specific values for the user to make meaningful adjustments. Each tick mark should change the setting to a level that’s discernible to the user. The values are predetermined and aren’t user-editable.

Gauge scales

Gauges can have scales with ticks and labels on either side of the track or on it.

Continuous gauge with scale positioned inside

Continuous gauge with scale positioned outside

Continuous gauge with label positioned outside and ticks on track

Gauge angles

The start and end angles of the gauge's track can be changed as necessary.

Semi-circular gauge

Circular gauge

Gauge with custom angles

Demo