Javatpoint Logo
Javatpoint Logo

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.

valueIt is a mandatory attribute which is used to specify a value in numbers. The number may be integer or floating point number.
formIt specifies one or more forms to which meter element belongs to.
highIt specifies a range that is considered as high value.
lowIt specifies a range that is considered as low value.
maxIt specifies the maximum value defined in the range.
minIt specifies the minimum value defined in the range.
optimumIt 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


Display a gauge:

30 out of 100

Styling Meter

You can apply CSS code on meter tag.

Test it Now


30 out of 100

Supporting Browsers

Elementchrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
Next TopicHTML nav Tag

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA