HTML5 <meter> Tag
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.
Please Login to comment...