HTML optimum Attribute


The HTML optimum attribute define the range where the guage’s value is considered to be an optimum value in an HTML document. It can only be applied on meter HTML element.

Syntax

Following is the syntax −

<meter optimum=”number”></meter>

Let us see an example of HTML optimum Attribute −

Example

Live Demo

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
      text-align: center;
   }
</style>
<body>
<h1>HTML optimum Attribute Demo</h1>
<p>Download:</p>
<meter min="0" max="100" low="10" high="90" value="50" optimum="30"></meter>
</body>
</html>

Output

Updated on: 17-Feb-2021

51 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements