Gauges & Charts
Progress Bar
Thin green completion bars for goals, interests, life stages and XP.
Source captures·from the SEED early-access trailer
Tones
Sizes
With labels
Place 1 Electronics Table0/1
Set up 2 Small Mineral Extractors2/2
18Age 18 – 21
Young Adult I Young Adult II
4 years left
Interest cards
🌾Farming
💧Watercraft
🪓Woodworking
API
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | 0–100, clamped. |
| tone | "green" | "blue" | "white" | "orange" | "red" | "green" | |
| size | "xs" | "sm" | "default" | "lg" | "default" | |
| LabeledProgress.label / valueLabel | ReactNode | — | Optional row above the bar. |