Progress
A progress bar with deterministic and indeterminate modes plus semantic colour variants.
Import
import { Progress } from '@synapse-ui/progress';
Basic Usage
<synapse-progress [value]="75" label="Uploading" [showValue]="true"></synapse-progress>
Inputs
| Input | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Progress value (0–100) |
indeterminate | boolean | false | Infinite sliding animation |
variant | 'default' | 'success' | 'warning' | 'error' | 'default' | Fill colour |
label | string | undefined | — | Text label above the bar |
showValue | boolean | false | Shows the numeric percentage value |