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.
Table of Contents
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
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.