Display
Progress
A horizontal progress bar for showing completion percentage or indeterminate loading.
LlmProgressDemo
Live PreviewReact
25%
60% — Success
85% — Warning
Indeterminate
jsx
<LlmProgress value={25} label="Upload progress" />
<LlmProgress value={60} variant="success" label="Form completion" />
<LlmProgress value={85} variant="warning" label="Quota usage" />
<LlmProgress indeterminate label="Loading…" />API (Angular)
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Progress value from 0 to 100 |
max | number | 100 | Maximum value |
indeterminate | boolean | false | Shows animated indeterminate state |
variant | 'default' | 'success' | 'warning' | 'danger' | 'default' | Color variant |
size | 'sm' | 'md' | 'lg' | 'md' | Size of the progress bar |
label | string | — | Accessible name (aria-label). Required by ARIA when no visible label is nearby. |
Import
ts
import { LlmProgress } from '@atelier-ui/angular';