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 and optimum 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.

Further information

The Web Design Academy Contact us

By form

By Phone

+44 (0)113 234 4611

By email

enquiries@thewebdesign.academy

By snail mail

Suite 3 15 South Parade Leeds LS1 5PQ United Kingdom