Tailwind CSS Progress - Nira UI

Nira UI Progress component is designed to visually represent the completion status of a task.

Default Progress Bar

A basic example of a progress bar.

Progress Bar with Colors

You can easily change the color of progress bars to match your app’s theme.











Progress Bar Sizes

You can control the size of your progress bar to fit different UI layouts









Flat Progress Bars

You can create flat-style progress bars for a modern, minimalistic design.











  

Indeterminate Progress

Indeterminate progress bars are useful when the task duration is unknown.

Since indeterminate progress doesn't work in the same way in all the browsers we suggest using indeterminate class inside a div