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.