HTMLintroevergreen

<progress> and <meter>

Two gauges, two jobs.

<progress> tracks how far a task has gotten; <meter> shows a measurement inside a known range — and both are native, accessible, and stylable without a single div.

A determinate progress bar

HTML+CSS+JSintro
Press Run to execute

The bar renders roughly three-quarters filled in gold against a dark track, matching value="72" out of max="100" — the ::-webkit-progress-bar and ::-webkit-progress-value (plus ::-moz-progress-bar) pseudo-elements let you colour the track and fill natively, no extra markup.