HTML <meter> optimum Attribute

Last Updated : 07 Jun, 2023

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

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

Examples:

html

<!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> 