# Slider

A value chosen along a range, with its value shown in mono.

**Consumer provides:** Min, max, step and a live readout.

```html
<input type="range" class="fdt-slider" style="--fill:64%">
```

- Always show the number; the track alone is not precise.
- Set `--fill` to the value as a percentage.