HTML5 <meter> Tag

Example

Use the meter element to measure data within a given range:

<meter value="2" min="0" max="10">2 out of 10</meter><br />
<meter value="0.6">60%</meter>

Try it yourself »

Definition and Usage

The <meter> tag defines a measurement. Used only for measurements with a known minimum and maximum value. This is also known as a gauge.

The <meter> tag should not be used as a progress bar. For progress bars, use the <progress> tag.


Differences Between HTML 4.01 and HTML5

The <meter> tag is new in HTML5


Attributes

New : New in HTML5.

Attribute Value Description
formNew number Specifies which form this meter belongs to
highNew number Specifies at which point the measurement's value is consider a high value
lowNew number Specifies at which point the measurement's value is consider a low value
maxNew number Specifies the maximum value. Default value is 1.0
minNew number Specifies the minimum value. Default value is 0
optimumNew number Specifies what measurement's value is the best value
valueNew number Required. Specifies the measurement's current or "measured" value

Standard Attributes

The <meter> tag also supports the Standard Attributes in HTML5.


Event Attributes

The <meter> tag also supports the Event Attributes in HTML5.