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>