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.
<!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:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4