# ResourceMeter

Four resource cells: colored micro label, large value and a thin fill bar.

**Consumer provides:** Label, value and fill per resource; color states its health.

```html
<div class="fdt-meter"><div style="color:var(--neutral)"><span>Ammo</span><b>88%</b><i style="--v:88%"></i></div>…</div>
```

- Set the cell `color`; the label and bar inherit it.