HTML meter tag

HTML meter tag with examples, html5, forms, input, text, anchor, image, heading, marquee, textarea, paragraph, title, quotes, code etc.

HTML Meter Tag

HTML <meter> tag is used to measure data within a given range. It defines a scalar measurement with range. It is also known as a gause.

It should be used to display disk usage, voting population etc.

The HTML meter tag is new in HTML5 so you must use new browsers.

HTML <meter> tag supports the global and event attributes as well as some specific attributes.

Attributes	Description
value	It is a mandatory attribute which is used to specify a value in numbers. The number may be integer or floating point number.
form	It specifies one or more forms to which meter element belongs to.
high	It specifies a range that is considered as high value.
low	It specifies a range that is considered as low value.
max	It specifies the maximum value defined in the range.
min	It specifies the minimum value defined in the range.
optimum	It specifies the optimum value for the gauge.It is an optional attribute.

Let's see the progress example with min, max and value attributes.

<p>Display a gauge:</p>
<meter value="30" min="1" max="100">30 out of 100</meter><br>
<meter value="0.8">80%</meter>

Output:

Display a gauge:

30 out of 100
80%

You can apply CSS code on meter tag.

meter{
  width: 300px;
  height: 30px;
}

Output:

30 out of 100

Element	Chrome	IE	Firefox	Opera	Safari
<meter>	Yes	Yes	Yes	Yes	Yes

.NET Array Dictionary List String 2D Async DataTable Dates DateTime Enum File For Foreach Format IEnumerable If IndexOf Lambda LINQ Parse Path Process Property Regex Replace Sort Split Static StringBuilder Substring Switch Tuple

Core Array ArrayList HashMap String 2D Cast Character Console Deque Duplicates File For Format HashSet If IndexOf Lambda Math ParseInt Process Random Regex Replace Sort Split StringBuilder Substring Switch Vector While