111
HTML Meter Tag
HTML <meter> tag is used to measure data within a given range. It defines a scalar measurement with range. It is also known as a gause.
It should be used to display disk usage, voting population etc.
The HTML meter tag is new in HTML5 so you must use new browsers.
Attributes of HTML Meter Tag
HTML <meter> tag supports the global and event attributes as well as some specific attributes.
| Attributes | Description |
|---|---|
| value | It is a mandatory attribute which is used to specify a value in numbers. The number may be integer or floating point number. |
| form | It specifies one or more forms to which meter element belongs to. |
| high | It specifies a range that is considered as high value. |
| low | It specifies a range that is considered as low value. |
| max | It specifies the maximum value defined in the range. |
| min | It specifies the minimum value defined in the range. |
| optimum | It specifies the optimum value for the gauge.It is an optional attribute. |
HTML Meter Tag Example
Let’s see the progress example with min, max and value attributes.
Output:
Display a gauge:
Styling Meter
You can apply CSS code on meter tag.
Output:
Supporting Browsers
| Element |  Chrome |  IE |  Firefox |  Opera |  Safari |
| <meter> | Yes | Yes | Yes | Yes | Yes |
Next TopicHTML nav Tag