HTML | <meter> value Attribute
Last Updated :
26 Jul, 2022
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;" >
GeeksforGeeks
</ 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;" >
GeeksforGeeks
</ 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
Share your thoughts in the comments
Please Login to comment...