HTML - <meter> Tag


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


<!DOCTYPE html>

      <title>HTML meter Tag</title>

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


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