Posts in current category

HTML5 <meter> tag

May 03, 2021 17:00 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>
Try it out . . .

Browser support

HTML5 <meter> tag HTML5 <meter> tag HTML5 <meter> tag HTML5 <meter> tag HTML5 <meter> tag

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.


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.