HTML <meter> Tag
A scalar measurement within a predefined range, or a fractional value, is defined with the <meter> tag. A gauge is another name for this.
Examples include disc use, query result relevancy, and so forth.
It is important to note that the <meter> tag should not be used to indicate progress (as in a progress bar). Use the <progress> tag to create progress bars.
For best accessibility practices, always use the <label> tag!
Syntax
Attributes
| Attribute | Value | Description |
|---|---|---|
| form | form-id | The form to which the <meter> element belongs. |
| high | number | Specifies the range of values that are regarded to be high. |
| low | number | Specifies the range of values that are regarded to be low. |
| max | number | Specifies the range's maximum value. |
| min | number | Specifies the range's minimum value. 0 is the default value. |
| optimum | number | Specifies what the gauge's ideal value should be. |
| value | number | Required. The current value of the gauge is specified. |
Supported Browsers
| Element | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| <meter> | 8.0 | 16.0 | 6.0 | 13.0 | 11.5 |