HTML <meter> Tag


Use the meter element to display 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 yourself »

Definition and Usage

<meter> Tags define weights and measures. Only used for metrics with known maximum and minimum values.

For example: disk usage, relevance of query results, etc.

Noteļ¼š <meter> Cannot be used as a progress bar, progress bar <progress> label.

Browser Support

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

<meter> 8.0 13.0 Not supported 6.0 6.0 11.0

Differences Between HTML 4.01 and HTML5

The <meter> tag is new in HTML5.


= New in HTML5.

Attribute value description
form form_id Requirements <meter> The form or forms to which the element belongs.
high number specifies a range that is defined as a high value.
low number specifies the range of values to be defined as low.
max number The maximum value of the specified range.
min number The minimum value of the specified range.
optimum number Specifies the optimal value of the metric.
value number Required. Specifies the current value of the metric.