meter
Widget roleRepresents a scalar measurement within a known range, like a battery level, disk usage, or rating — a gauge rather than task progress. It exposes aria-valuenow between aria-valuemin and aria-valuemax. Use progressbar instead for the progress of an ongoing task.
Used on
A scalar measurement within a known range. Prefer <meter>.
Required properties
aria-valuenow
Accessible name
Required, via aria-labelledby or aria-label.
Example
role="meter"
<div role="meter" aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100" aria-label="Battery">…</div>References