Progress

Progress bar can be used to show the progress of a task or to show the passing of time.

Class name
Type
progressComponent 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
# Progress
# Primary color
# Secondary color
# Accent color
# Success color
# Info color
# Warning color
# Error color
# Indeterminate (without value)
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details