HTML <meter> Tags


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

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

Definition and Usage

The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.

Examples : Disk usage, the relevance of a query result, etc.

Note : The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag.

Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element Chrome Internet Explorer Firefox Safari Opera
<meter> 8.0 13.0 6.0 6.0 11.0

Differences Between HTML 4.01 and HTML5

The <meter> tag is new in HTML5.


Attribute Value Description
form form_id Specifies one or more forms the element belongs to
high number Specifies the range that is considered to be a high value
low number Specifies the range that is considered to be a low value
max number Specifies the maximum value of the range
min number Specifies the minimum value of the range
optimum number Specifies what value is the optimal value for the gauge
value number Required. Specifies the current value of the gauge

Default CSS Settings