Open In App

HTML <meter> optimum Attribute

The HTML <meter> optimum Attribute in HTML indicates the optimal numeric value for the gauge. It must be within the range i.e between min and max. When it is used with the low and high attribute, it gives an indication where along the range is considered preferable.
Syntax:  

<meter optimum="number">

Attribute Values  



Examples:  




<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML Meter optimum Attribute
  </title>
</head>
  
<body>
    <center>
        <h2>
            GeeksForGeeks
        </h2>
        <h2 style="color: green;"
            HTML Meter optimum Attribute 
        </h2>
  
        <p>
            optimum value below low and high:
            <meter value="0.6" 
                   max="0.9" 
                   min="0.1" 
                   optimum="0.1"
                   high="0.5" 
                   low="0.2">
            </meter>
        </p>
        <p>
            optimum value between low and high:
            <meter value="0.6" 
                   max="0.9"
                   min="0.1"
                   optimum="0.4"
                   high="0.5"
                   low="0.2">
            </meter>
        </p>
        <p>
            optimum value above low and high:
            <meter value="0.6"
                   max="0.9" 
                   min="0.1"
                   optimum="0.6"
                   high="0.5" 
                   low="0.2">
            </meter>
        </p>
    </center>
</body>
  
</html>

Output:  



Supported Browsers: The browsers supported by HTML <meter> optimum Attribute are listed below:  


Article Tags :