<label for="disk-usage" class="block font-bold mr-2">Disk usage:</label>
<meter id="disk-usage" value="0.7" min="0" max="1" low="0.3" high="0.8" optimum="1" class="w-60 h-6">
70%
</meter>The <meter> Element
The <meter> element represents either a scalar value within a known range or a fractional value.
When to use it
Use the <meter> element to display a measurement within a range, such as disk usage, test scores, or a battery level.
It's ideal for visualizing values that have a minimum, maximum, and possibly low/high/optimum thresholds.