HTML5 <meter> tag
May 03, 2021 HTML5
Table of contents
Use the meter element to show a given range of data:
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Browser support
Firefox, Opera, Chrome, and Safari 6 support the hashtags.
Label definition and instructions for use
Labels define metrics and measures. Used only for measures with known maximum and minimum values.
For example: disk usage, relevance of query results, etc.
Note: The progress bar cannot be used as a progress bar, the progress bar is a label.
The difference between HTML 4.01 and HTML5
The new label for HTML5.
Property
New: HTML5 new property.
| Property | Value | Describe |
|---|---|---|
| form New | form_id | Specifies one or more forms to which the element belongs. |
| high New | number | Specify the range of values that are defined as high. |
| low New | number | Specifies the range of values defined as low. |
| max New | number | The maximum value of the specified range. |
| min New | number | The minimum value for the specified range. |
| optimum New | number | Specifies the optimal value of the measure. |
| value New | number | Necessary. Specifies the current value of the measure. |
Global properties
The label supports global properties and views the full property sheet HTML global properties.
The event property
The label supports all HTML event properties.