Neo-Brutalist Angular Progress
Progress
A progress bar component with ARIA progressbar semantics. Supports value, max, and 5 tones for different semantic contexts — from fundraising goals to media playback.
Preview
Usage
Import
import { NbProgress } from '@ng-brutalism/ui';Template
<nb-progress [value]="68" label="Campaign progress" />Tones
default
success
warning
danger
accent
API
| Input | Type | Default | Description |
|---|---|---|---|
| value | number | 0 | Current progress value. Clamped between 0 and max. |
| max | number | 100 | Maximum value (100% fill point). |
| tone | 'default' | 'success' | 'warning' | 'danger' | 'accent' | 'default' | Fill color tone. |
| label | string | 'Progress' | ARIA label for the progressbar role. |