Meter

<talos-meter> is the horizontal analog of <talos-gauge>: fill length encodes the value, fill colour encodes the band, and the warn/crit thresholds are drawn as tick marks on the rail — so the breakpoints live on the instrument itself, not hidden in config. Colour snaps to the true band the instant the value crosses; only the length tweens.

Default

<talos-meter value="30" warn="70" crit="90"
             label="Disk" unit="%" width="300"></talos-meter>

value over min/max (default 0/100) sets the filled fraction. The label caption sits above the rail, the unit is appended to the readout, and the two ticks mark warn and crit on the scale.

Bands — nominal / warning / critical

<talos-meter value="34" warn="70" crit="90" label="Nominal" unit="%" width="300"></talos-meter>
<talos-meter value="78" warn="70" crit="90" label="Warning" unit="%" width="300"></talos-meter>
<talos-meter value="96" warn="70" crit="90" label="Critical" unit="%" width="300"></talos-meter>

A value at or past warn paints the fill (and the readout) --talos-warning; at or past crit it goes --talos-danger; otherwise --talos-success. The colour is the reading — a glance reads the band without parsing the number.

Inverted — low = bad

<talos-meter value="18" warn="40" crit="20" invert
             label="Battery" unit="%" width="300"></talos-meter>

For signals where danger is a value falling — battery, coolant, frame rate — add invert: the bands trip when the value drops to/below the thresholds. Here 18 ≤ crit(20) reads critical.

Ticks off

<talos-meter value="55" warn="70" crit="90" ticks="off"
             label="Bare" unit="%" width="300"></talos-meter>

Ticks draw automatically when warn/crit are set; pass ticks="off" to suppress them and keep the band colour without the scale marks.

Compact

<talos-meter compact value="78" warn="70" crit="90"></talos-meter>

The compact attribute drops the caption/readout chrome down to a 3px micro-bar that stretches to its container — the honest replacement for a hand-rolled mini “progress” bar inside a dense readout row. Width follows --talos-meter-w (default 100%).

Attributes

setAttribute("value", v) re-renders live; the fill eases (easeOutCubic) or snaps under prefers-reduced-motion. Exposes role="meter" with aria-valuenow/min/max. For the radial form see <talos-gauge>.