HTML Meter Tag HTML 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 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.
Test it Now Output: Display a gauge: 30 out of 100 80%
Styling Meter You can apply CSS code on meter tag.
Test it Now Output: 30 out of 100
Supporting Browsers
Element |
Chrome |
IE |
Firefox |
Opera |
Safari |
|
Yes |
Yes |
Yes |
Yes |
Yes |
|