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 | ≤18 | 6 | 16 | 11 | 6 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| X | 18 | 16 | 11 | 10.3 | 1.0 |
Last updated by CSSPortal on: 6th December 2019
Share this Page
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.
URL