Meter Tag


Prev Tutorial Next Tutorial

Meter Tag

<meter>tag are used to measure data within given range. This is also known as a gauge.

Uses of meter tag

Meter tag are use to measure disk usage, same like in you computer show how much a particular drive (on hard disk) full with data.

Attributes of meter

AttributesvalueDescription
formform_idSpecifies one or more forms the <meter> element belongs to
lownumberSpecifies the range that is considered to be a low value
highnumberSpecifies the range that is considered to be a high value
maxnumberSpecifies the maximum value of the range
minnumberSpecifies the minimum value of the range
optimumnumberSpecifies what value is the optimal value for the gauge
valuenumberRequired. Specifies the current value of the gauge

Note: The <meter> tag should not be used to indicate progress. For progress bars, you can use <progress> tag.

Html5 Example

Example

	
<!DOCTYPE html>
<html>
<body>

<p>Display a gauge:</p>
<meter value="2" min="20" max="100">2 out of 10</meter><br>
<meter value="0.7">70%</meter>

</body>
</html>

Example

Display a gauge:

20 out of 100
70%

Browser supported

Element
<meter>YesYesYesNoYes

Prev Tutorial Next Tutorial

Google Advertisements
Download Projects

Google Adsense Advertisements

Buy 3 Year Old Domain, Tutorialday.com, SeosmoTools.com @$200

Buy This Ad Space @$50 per Month, Ad Size 300X250 Contact on: hitesh.xc@gmail.com WhatsApp no. 8882538826

Yahoo Advertisements