# Primary color
Progress bar can be used to show the progress of a task or to show the passing of time.
Class name | Type | |
---|---|---|
progress | Component | Progress element |
progress-primary | Modifier | Adds `primary` color |
progress-secondary | Modifier | Adds `secondary` color |
progress-accent | Modifier | Adds `accent` color |
progress-info | Modifier | Adds `info` color |
progress-success | Modifier | Adds `success` color |
progress-warning | Modifier | Adds `warning` color |
progress-error | Modifier | Adds `error` color |