HTML <meter> Tag


The <meter> HTML element is used for indicating a scalar measurement within a known range, or a fractional value.
Also known as a gauge, usage could include displaying disk usage, the amount raised during fundraising activities, or the relevance of a search query result.


Permitted Parents
Any element that accepts phrasing content
Inline and text, but no <meter> among its descendants
Start/End Tags
Start tag: required, End tag: required


<p>Average Review: <meter value="3" min="0" max="10">3 out of 10</meter> 3/10</p>
<p>Site Completion: <meter value="0.7">70%</meter> 70%</p>


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

Global Attributes

The <meter> tag also supports the Global Attributes in HTML5

Event Attributes

The <meter> tag also supports the Event Attributes in HTML5

Browser Support

Explorer Edge Chrome Firefox Opera Safari
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung

Last updated by CSSPortal on: 6th December 2019