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

HTML Web Development Front 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.

Syntax

<meter low="number">

Following are the examples…

Example

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>

Output

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.

Example

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>

Output

The output obtained after executing the script above is −

Yaswanth Varma

Updated on: 06-Sep-2022

93 Views

Kickstart Your Career

Get certified by completing the course

Get Started