2 out of 10
60% ``` --- ##"> 2 out of 10
60% ``` --- ##" />
Easy Tutorial
❮ Av Event Seeking Att Area Alt ❯

HTML <meter> Tag

Example

Using the meter element to display a given data range:

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

Browser Support

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

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

Tag Definition and Usage

The <meter> tag defines a scalar measurement within a known range.

For example: disk usage, relevance of a query result, etc.

Note: The <meter> tag should not be used as an indicator for an action that is in progress. Use the <progress> tag for that purpose.


Differences Between HTML 4.01 and HTML5

The <meter> tag is new in HTML5.


Attributes

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

Global Attributes

The <meter> tag supports the global attributes, see the full list in HTML Global Attributes.


Event Attributes

The <meter> tag supports all HTML Event Attributes.

❮ Av Event Seeking Att Area Alt ❯