The HTML low attribute defines the range where the gauge’s value is considered to be a low value.
The low attribute value needs to be greater than the min attribute value, and it also needs to be less than the high and max attribute values.
The HTML low 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="30" high="90" max="100" value="85"></meter></p>
<p><label for="disc-D">Disc D</label>
<meter id="disc-D" min="0" low="30" high="90" max="100" value="65"></meter></p>
<p><label for="disc-E">Disc E</label>
<meter id="disc-E" min="0" low="30" high="90" max="100" value="25"></meter></p>
</body>
</html>Output:
Enjoy coding!
Read also: