HTML meter Tag

HTML meter Tag defines a measurement scale with a specific range which measures data within this range. The HTML meter tag is also known as gauge.

Syntax of HTML meter Tag

The Syntax of HTML meter Tag is shown below, It has both starting tag and ending tag.

<meter value="50" min="1" max="100">50 out of 100</meter>

Usage of HTML meter Tag

HTML meter Tag is the latest HTML5 tag. HTML meter tag is used to display any kind of data.

For example, you can use this HTML meter tag to display the percentage, speed, memory usage, total traffic on a website etc.

HTML meter Tag is also known as gauge or progress bar.

The value attribute defines the current value of the meter tag, min attribute defines the minimum value of the range while maximum value is defines using the max attribute.

Example of HTML meter Tag

Simple example of HTML meter Tag is shown below.

<label>Battery %:</label>
<meter value="70" min="1" max="100">70 out of 100</meter>

Output

70 out of 100

In above example we have used HTML meter tag to visualize the battery percentage.

Browser Support for HTML meter Tag

HTML meter Tag is supported by these versions of latest browsers like Chrome (8.0), Firefox (16.0), Edge (13.0), Opera (11.5) and more.

Global Attributes Support in HTML meter Tag

The HTML meter Tag supports all Global Attributes.

Event Attributes Support in HTML meter Tag

The HTML meter Tag supports all Event Attributes.

HTML meter Tag Video

Watch our video on HTML meter Tag.

HTML anchor Tag HTML abbr Tag HTML acronym Tag HTML address Tag HTML applet Tag HTML area Tag HTML article Tag HTML aside Tag HTML audio Tag HTML b Tag HTML base Tag HTML basefont Tag HTML bdi Tag HTML bdo Tag HTML big Tag HTML blockquote Tag HTML body Tag HTML br Tag HTML Button Tag HTML Canvas Tag HTML Caption Tag HTML Center Tag HTML Cite Tag HTML Code Tag HTML Col Tag HTML colgroup Tag HTML comment Tag HTML data Tag HTML datalist Tag HTML dd Tag HTML del Tag HTML details Tag HTML dfn Tag HTML dialog Tag HTML dir Tag HTML div Tag HTML dl Tag HTML Doctype Tag HTML dt Tag HTML em Tag HTML embed Tag HTML fieldset Tag HTML figcaption Tag HTML figure Tag HTML font Tag HTML footer Tag HTML form Tag HTML frame Tag HTML frameset Tag HTML Heading Tags HTML head Tag HTML header Tag HTML hr Tag HTML html Tag HTML i Tag HTML iframe Tag HTML img Tag HTML input Tag HTML ins Tag HTML kbd Tag HTML label Tag HTML legend Tag HTML li Tag HTML link Tag HTML main Tag HTML map Tag HTML mark Tag HTML meta Tag HTML meter Tag HTML nav Tag HTML noframes Tag HTML noscript Tag HTML object Tag HTML ol Tag HTML optgroup Tag HTML option Tag HTML output Tag HTML p Tag