<meter>

The <meter> semantic tag is used to represent a fractional or a scalar value within a known range. This form of representation is known as a gauge.

Note: The <meter> tag should not be used to indicate progress.

Syntax

The <meter> is written as <meter></meter> with any contents inserted between the start and end tags:

<meter>
  <!-- Meter content goes here. -->
</meter>

<meter min="number" max="number">
  <!-- Meter content goes here. -->
</meter>

Note: The default values for the min and max attributes are 0 and 1. These attributes should be updated to create the appropriate range for the given context.

Example

Below is an example of the <meter> tag being used to display disk usage:

<p>Disk Usage <meter min="0" max="100" value="70" title="GB"></meter></p>

This code results in the following display: