Progress

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

# Progress

# Primary color

# Secondary color

# Accent color

# Success color

# Info color

# Warning color

# Error color

# Indeterminate (without value)

Next Radial progress

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

Edit this page on GitHub

Sponsors

Make your React site visually editable

Become a sponsor

Sponsors

Make your React site visually editable

Become a sponsor