View video tutorial

HTML optimum Attribute

HTML

The HTML optimum attribute specifies the optimal numerical value for a <meter> element, which is used to determine a scalar value within a range.

Definition and Usage


➔ The browser can use the optimum value with the low, high, min, and max attributes to visually display the gauge.

➔ It is used to indicate the ideal or desired value within a range.

➔ The optimal value should be within the range determined by the min and max attributes.

Example
<!DOCTYPE html>
<html>
<head>
    <title>HTML optimum attribute Example</title>
</head>
<body>
    <h3>HTML optimum attribute Example</h3>
    <p>The attribute low, high, min, and max attributes, to determine how to visually display the gauge by changing its
        color to green, yellow, or red.</p>
    Server Load:
    <meter id="meterId" value="65" min="0" max="100" low="35" high="55" optimum="70">
    </meter>
</body>
</html>

Applies to

This attribute can be used on the following element.

Attribute Element
optimum <meter>