# ProgressBar

Determinate progress for mission timers and loads.

**Consumer provides:** The value (`--v`) and a mono readout beside it.

```html
<div class="fdt-progress" role="progressbar" aria-valuenow="65" style="--v:65%"><i></i></div>
```

- Track `steel-500`, fill `electric-500` with `fdt-glow-xs`; semantic variants for resources.