<meter> tag

HTML5 <meter> tag

The <meter> tag helps to create a gauge.  A Gauge displays a scalar measurement with a predefined specific range.

<meter low=”numbervalue” high=”numbervalue” max=”numbervalue” value=”numbervalue”></meter>


<meter value="4" min="0" max="10">4 out of 10</meter>

Default CSS value


How Browser will display


Difference between HTML4.01, XHTML and HTML5

NA NA New tag in HTML5

Attributes used with <meter> tag

Attribute Description
form Using a form-id, this attribute is used to define one or more forms for the elements to which it belongs to.
high Defines a high value range in number.
low Defines a low value range in number.
max To set the maximum numeric value of the range.
min To set a minimum numeric value of the range. This is a mandatory attribute.
optimum To set a optimum(best) numeric value of the range.
value To set the current numeric value of the range.

Global Attributes

The <meter> tag supports Global attributes.

Event Attributes

The <meter> tag supports Event attributes.

Supporting Browsers

meter tag supporting browsers

Related Tags

<progress> tag

Tutorials for all brains!