HTML - <meter> Tag


Advertisements


Description

The HTML <meter> tag specifies a scalar measurement within a known range (a gauge).

Example

Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML meter Tag</title>
   </head>

   <body>
      <meter value = "7" min = "0" max = "10">7 out of 10</meter>
      <br />
      
      <p>gauge value can be seen here</p>
   </body>

</html>

This will produce the following result −

Global Attributes

This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes

The HTML <meter> tag also supports the following additional attributes −

Attribute Value Description
form html-5 form_id Specifies one or more forms.
high html-5 number Specifies high value range.
low html-5 number Specifies low value range.
max html-5 number Specifies the maximum value of the range
min html-5 number Specifies the minimum value of the range
optimum html-5 number Specifies the optimal value.
value html-5 number Specifies current value of the gauge − Required.

Event Attributes

This tag supports all the event attributes described in − HTML Events Reference

Browser Support

Chrome Firefox IE Opera Safari Android
Yes Yes No Yes Yes No

html_tags_reference.htm

Advertisements