HTML <meter> Tag

Description

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.

Properties

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

Example

<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>

Attributes

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

Desktop
Explorer Edge Chrome Firefox Opera Safari
XYes616116
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
X18161110.3Yes