Brand Progress
<brand-progress> wraps Shoelace's <sl-progress-bar> or <sl-progress-ring>. Set value (0–100) for determinate; omit for an indeterminate bar.
Progress bar
Indeterminate
Progress ring
Usage
import { BrandProgress } from '@brandos/ui';
<brand-progress value="60"></brand-progress>
<brand-progress indeterminate label="Loading"></brand-progress>
<brand-progress type="ring" value="25">25%</brand-progress>