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.
<!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.
<!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