It is used to define the scale for measurement in a well-defined range and also supports a fractional value. It is also known as a gauge. It is used in Disk use, relevance query result, etc.
Syntax:
<meter attributes...> </meter>
Attributes: This tag contains many attributes which are listed below:
- form: It defines one or more forms that meter tag belongs too.
- max: It is used to specify the maximum value of a range.
- min: It is used to specify the minimum value of a range.
- high: It is used to specify the range considered to be a high value.
- low: It is used to specify the range value that is considered to be low.
- Optimum: It is used to specify the optimum value for the range.
- value: It is used to specify the required or actual value of the range.
Example:
html
<!DOCTYPE html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<p>Meter Tag:</p>
Sachin's score:
<meter value="5" min="0" max="10">
5 out of 10
</meter>
<br>
Laxma sxore:
<meter value="0.5">
50% from 100%
</meter>
</body>
</html>
|
Output:
Supported Browsers:
- Google Chrome 6
- Edge 18
- Firefox 16
- Opera 11
- Safari 6
Important Note : The meter tag should not be used to indicate progress (as in a progress bar). For progress bars, use the progress tag.