Name

meter — HTML5

Synopsis

<meter> . . . </meter>

Represents a fractional value or a scalar measurement within a known range (also known as a gauge). It should not be used to indicate progress (such as a progress bar) or when there is no known maximum value.

Notes

HTML5 only.

Start/End Tags

Required/Required

Attributes

HTML5 Global Attributes

high="number"

Indicates the range that is considered to be “high” for the gauge

low="number"

Indicates the range that is considered to be “low” for the gauge

max="number"

Specifies the maximum or highest value of the range

min="number"

Specifies the minimum or lowest value of the range

optimum="number"

Indicates the range that is considered to be “optimum” for the gauge

value="number"

Specifies the actual or “measured” value for the gauge

Examples

The following examples show three methods for indicating a measurement of 50%:

<meter>50%</meter>

<meter min="0" max="200">100</meter>

<meter min="0" max="200" value="100"></meter>

Get HTML & XHTML Pocket Reference, 4th Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.