HTML | <meter> value Attribute
The <meter> value attribute in HTML is used to specify the current value of the gauge. The specified value must be in between the min and max attribute.
Syntax:
<meter value="number">
Attribute Value: This attribute contains single value number which is required. It is used to specify the floating point number that is the current value of the gauge.
Example 1: This example displays the health meter.
html
<!DOCTYPE html> < html > < head > < title > HTML meter value Attribute </ title > </ head > < body style = "text-align:center" > < h1 style = "color:green;" > w3wiki </ h1 > < h2 > HTML meter value Attribute </ h2 > Health: < meter min = "0" low = "40" high = "90" max = "100" value = "60" ></ meter > </ body > </ html > |
Output:
Example 2: This example displays the health meter which is very very low.
html
<!DOCTYPE html> < html > < head > < title > HTML meter value Attribute </ title > </ head > < body style = "text-align:center" > < h1 style = "color:green;" > w3wiki </ h1 > < h2 > HTML meter value Attribute </ h2 > Health: < meter min = "0" low = "33" high = "66" max = "100" optimum = "80" value = "10" ></ meter > </ body > </ html > |
Output:
Supported Browsers: The browser supported by <meter> value attribute are listed below:
- Google Chrome 6
- Edge 18
- Firefox 16
- Opera 11
- Safari 6