HTML Dog
Skip to navigation

HTML Tag: meter

A form control that represents a measurement on a scale of a known range.

Element content, if defined, should mirror the information established by the value attribute. This will be beneficial in situations where meter is not supported.

Required Attributes

Attribute Description Possible values
value The meter’s initial value. Number. Should be greater than or equal to min and less than or equal to max, if those attributes are defined.

Optional Attributes

Attribute Description Possible values
min The lowest possible value. Number. Should be less than or equal to max. Default is 0.
max The highest possible value. Number. Should be greater than or equal to min. Default is 1.
low Marker for the low end of the scale. Number. Should be greater than or equal to min, less than or equal to max, and less than or equal to high.
high Marker for the high end of the scale. Number. Should be greater than or equal to min, less than or equal to max, and greater than or equal to low.
optimum The optimum measurement on the scale. Number. Should be greater than or equal to min and less than or equal to max.
Global attributes

Example


<p>Disk space usage: <meter value="0.92">92%</meter></p>

<!-- and, y'know, naturally paired with... -->

<p>Body temperature: <meter min="14" max="47" low="36" high="38" optimum="37" value="37">37°C</meter></p>