HTML <meter>Tag
Examples
Use the meter element to display a given data range:
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Try it Yourself »
Browser Support
Numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <meter> | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
Tag Definition and Usage Instructions
The <meter> tag defines a scalar measurement. Only used for measurements with known maximum and minimum values.
For example: disk usage, relevance of query results, etc.
Note:The <meter> tag cannot be used as a progress bar; the progress bar<progress>tag.
Differences Between HTML 4.01 and HTML5
<meter> is a new tag in HTML5.
Attributes
New: New in HTML5.
| Attribute | Value | Description |
|---|---|---|
| formNew | form_id | Specifies one or more forms to which the <meter> element belongs. |
| highNew | number | Specifies the range of values that are considered high. |
| lowNew | number | Specifies the range of values that are considered low. |
| maxNew | number | Specifies the maximum value of the range. |
| minNew | number | Specifies the minimum value of the range. |
| optimumNew | number | Specifies the optimum value of the measurement. |
| valueNew | number | Required. Specifies the current value of the measurement. |
Global Attributes
The <meter> tag supports global attributes. View the complete attribute tableHTML Global Attributes。
Event Attributes
The <meter> tag supports allHTML Event Attributes。
Other Extensions