
The HTML high attribute defines the range where the gauge’s value is considered to be a high value.
The high attribute value should be less than the max attribute value, and it also needs to be greater than the low and min attribute values.
The HTML high attribute can be used on the <meter> element.
Example:
<!DOCTYPE html>
<html>
<body>
<p><label for="disc-C">Disc C</label>
<meter id="disc-C" min="0" low="40" high="80" max="100" value="85"></meter></p>
<p><label for="disc-D">Disc D</label>
<meter id="disc-D" min="0" low="40" high="80" max="100" value="65"></meter></p>
<p><label for="disc-E">Disc E</label>
<meter id="disc-E" min="0" low="40" high="80" max="100" value="25"></meter></p>
</body>
</html>
Output:
Enjoy coding!
Read also: