The <meter>
element
Graphically displays some kind of measurement which can be expressed as a scalar value. Might display as a partially filled bar or some other kind of gauge.
Full list of attributes
All the usual HTML global attributes are available
high
- Gives a value above which values are to be considered ‘high’. This can be used, along with the
low
andoptimum
attributes, to divide the meter's range into different regions which might be a helpful guide as to what the current value signifies. low
- Gives a value below which any value is to be considered ‘low’.
max
- The maximum possible value. Defaults to one.
min
- The minimum possible value. Defaults to zero.
optimum
- Specifies a value that is ideal. The browser might change the way it displays a meter based on where this is, perhaps by using different colours. For example, if the optimum value is the same as the maximum value, then obviously higher values are more desirable, and so the high region might be coloured green.
value
- The current measurement to display.