The HTML <meter>
elements expose the HTMLMeterElement
interface, which provides special properties and methods (beyond the HTMLElement
object interface they also have available to them by inheritance) for manipulating the layout and presentation of <meter>
elements.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25 236,20 236,30 226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25 351,20 351,30 341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMeterElement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLMeterElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Properties
Also inherits properties from its parent, HTMLElement
.
HTMLMeterElement.high
- A
double
representing the value of the high boundary, reflecting thehigh
attribute. HTMLMeterElement.low
- A
double
representing the value of the low boundary, reflecting thelow
attribute. HTMLMeterElement.max
- A
double
representing the maximum value, reflecting themax
attribute. HTMLMeterElement.min
- A
double
representing the minimum value, reflecting themin
attribute. HTMLMeterElement.optimum
- A
double
representing the optimum, reflecting theoptimum
attribute. HTMLMeterElement.value
- A
double
representing the currrent value, reflecting thevalue
attribute. HTMLMeterElement.labels
Read only- A
NodeList
of<label>
elements that are associated with the element.
Methods
This interface does not implement any specific methods but inherits methods from its parent, HTMLElement
.
Specifications
Specification | Status | Comment |
HTML Living StandardThe definition of 'HTMLMeterElement' in that specification. | Living Standard | |
HTML 5.1The definition of 'HTMLMeterElement' in that specification. | Recommendation | No change |
HTML5The definition of 'HTMLMeterElement' in that specification. | Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
HTMLMeterElement
|
Chrome
Full support 6 |
Edge
Full support 12 |
Firefox
Full support 16 |
IE
Full support 10 |
Opera
Full support 11 |
Safari
Full support 5 |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 16 |
Opera Android
Full support 11 |
Safari iOS
? |
Samsung Internet Android
? |
high
|
Chrome
Full support 6 |
Edge
Full support 13 |
Firefox
Full support 16 |
IE
Full support 10 |
Opera
Full support 11 |
Safari
Full support 5 |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 16 |
Opera Android
Full support 11 |
Safari iOS
? |
Samsung Internet Android
? |
labels
|
Chrome
Full support Yes |
Edge
Full support 18 |
Firefox
Full support 56 |
IE
No support No |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 56 |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
? |
low
|
Chrome
Full support 6 |
Edge
Full support 13 |
Firefox
Full support 16 |
IE
Full support 10 |
Opera
Full support 11 |
Safari
Full support 5 |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 16 |
Opera Android
Full support 11 |
Safari iOS
? |
Samsung Internet Android
? |
max
|
Chrome
Full support 6 |
Edge
Full support 13 |
Firefox
Full support 16 |
IE
Full support 10 |
Opera
Full support 11 |
Safari
Full support 5 |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 16 |
Opera Android
Full support 11 |
Safari iOS
? |
Samsung Internet Android
? |
min
|
Chrome
Full support 6 |
Edge
Full support 13 |
Firefox
Full support 16 |
IE
Full support 10 |
Opera
Full support 11 |
Safari
Full support 5 |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 16 |
Opera Android
Full support 11 |
Safari iOS
? |
Samsung Internet Android
? |
optimum
|
Chrome
Full support 6 |
Edge
Full support 13 |
Firefox
Full support 16 |
IE
Full support 10 |
Opera
Full support 11 |
Safari
Full support 5 |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 16 |
Opera Android
Full support 11 |
Safari iOS
? |
Samsung Internet Android
? |
value
|
Chrome
Full support 6 |
Edge
Full support 13 |
Firefox
Full support 16 |
IE
Full support 10 |
Opera
Full support 11 |
Safari
Full support 5 |
WebView Android
? |
Chrome Android
? |
Firefox Android
Full support 16 |
Opera Android
Full support 11 |
Safari iOS
? |
Samsung Internet Android
? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
See also
- The HTML element implementing this interface:
<meter>
HTMLMeterElement by Mozilla Contributors is licensed under CC-BY-SA 2.5.