How do we set the range that is considered to be of low value in HTML?

HTMLWeb DevelopmentFront End Technology

The range in which a gauge's value is regarded as low is specified using the HTML | low property. The low attribute's value must be higher than the "min," lower than the "max," and equal to or less than the "high" attribute.

Note − This can only be used with <meter> tag.


<meter low="number">

Following are the examples…


In the following example we are using the low attribute in the <meter> tag.

<!DOCTYPE html> <html> <body style="text-align:center;"> MSD score: <meter value="3" low="2" min="0" max="10" high="6"> 5 out of 10 </meter> <br> ABD score: <meter value="0.5" low="0.3" max="1.0" min="0" high="0.6"> 50% from 100% </meter> </body> </html>


When the script gets executed, it will display a guague score of msd, and abd for which we have mentioned in the above code using high ,low, max, min, and value attributes.


You can also try to run the following code to implement meter attribute −

<!DOCTYPE html> <html> <head> <title>HTML meter Tag</title> </head> <body> <meter value = "6" high = "9" low = "5" min = "0" max = "10">6 out of 10</meter> <br /> <p>Water level can be seen here</p> </body> </html>


The output obtained after executing the script above is −

Updated on 06-Sep-2022 07:27:56