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 | |||||
 |
 |
 |
 |
 |
 |
| X | Yes | 6 | 16 | 11 | 6 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| X | 18 | 16 | 11 | 10.3 | Yes |
Last updated by CSSPortal on: 6th December 2019