Open In App
Related Articles

How to specify the optimal value for the gauge in HTML5?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The task is to specify an optimal value for the gauge. The optimal value is used to indicate the range of meters of a meter. The value must be within the range i.e between min and max. It is used to define the measurement of scale in a well-defined range with a frictional value. It is also known as a gauge.

Approach:

  • Add a meter in body using meter tag.
  • Set the optimum value in meter tag.

Syntax

<meter optimum = "value"></meter>  

Note: It contains the floating point number which represent the optimal value of the gauge.

Example 1:

HTML

<html>
   <body
      <meter value="0.6"
         max="1"
         min="0"
         optimum="0.5"
         high="0.5"
         low="0.2"
      </meter
   </body>
</html>

                    

Output

Example 2: Same as above just change the optimum value

HTML

<!DOCTYPE html> 
<html>
   <body
      <meter value="0.6"
         max="1"
         min="0"
         optimum="0.6"
         high="0.5"
         low="0.2"
      </meter
   </body>
</html>

                    

Output



Last Updated : 08 Mar, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads