Flux components
Progress
How far along something is.
<flux:progress value="35" max="100" />Colors
<div class="space-y-4">
<flux:progress value="35" max="100" />
<flux:progress value="70" max="100" color="amber" />
<flux:progress value="92" max="100" color="green" />
</div>With a label
Profile completion — 35%
<div class="space-y-1">
<flux:text class="text-sm">Profile completion — 35%</flux:text>
<flux:progress value="35" max="100" />
</div>Reference
flux:progress
| Prop | Description |
|---|---|
| value | Current value. |
| max | Maximum value. |
| color | Any Tailwind color. Default: the accent color. |