# ProgressRing

Circular progress for compact readouts.

**Consumer provides:** The value; `stroke-dasharray` = value × 150.8.

```html
<svg class="fdt-ring" viewBox="0 0 56 56"><circle class="t" cx="28" cy="28" r="24"/><circle class="v" cx="28" cy="28" r="24" stroke-dasharray="108.6 150.8"/></svg>
```