Components / Progress
Progress
Determinate and indeterminate progress with clamped native range semantics.
Uploading project — 64%
html
<aevko-progress label="Upload progress" [value]="64" />Installation
npx aevko-ui@latest add progress --yesSource ownership
Customization
Bind a real numeric operation or use null for indeterminate work; change track and indicator tokens locally.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
label | string | required | Accessible name for the operation. |
value | number | null | null | Current value; null enables indeterminate mode. |
max | number | 100 | Maximum range value; values are clamped safely. |
Accessibility contract
Accessibility
Included behavior
- The host exposes progressbar semantics and omits aria-valuenow while indeterminate.
Your responsibility
Use a label that identifies the operation and update value only when measurable progress is available.