Meter

A meter shows a measurement inside a known range, such as disk use or a score. It is the native <meter> element.

<meter value="0.7">70%</meter>
A meter at seventy percent

A meter

Set value between 0 and 1, or give your own min and max.

70% 
<meter value="0.7">70%</meter>
A meter at seventy percent

Ranges

Add low, high and optimum and the browser colours the meter good, warning or bad.

90% 
<meter value="0.9" low="0.3" high="0.8" optimum="0.5">90%</meter>
A value past the high mark reads as bad