HTML5 <meter> Tag

Example

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

<meter value="3" min="0" max="10">3 out of 10</meter><br />
<meter value="0.3">30%</meter>
Code it Online »

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

Attribute Value Description
form number Specifies which form this meter belongs to
high number Specifies at which point the measurement's value is consider a high value
low number Specifies at which point the measurement's value is consider a low value
max number Specifies the maximum value. Default value is 1.0
min number Specifies the minimum value. Default value is 0
optimum number Specifies what measurement's value is the best value
value 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.


Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!