Flowbite Svelte: v0.46.14
Svelte: v5.0.0-next.179
SvelteKit: v2.5.18
Vite: v5.3.3
Progress
The progress bar component can be used as an indicator to show the completion rate of data sets or it can be used as an animated loader component. There are multiple sizes, colors, and styles available. ## Default progress bar Use the following example of a progress bar element to show a completion rate of 45% by using an inline style and the utility classes from Tailwind CSS.Small
Default
Large
Extra Large
50%
Flowbite-Svelte 50%
Gray
Blue
Red
Green
Yellow
Indigo
Purple
Size h-3 50%
50%
Size h-10 50%
50%
Size h-6 50%
50%
With animation 45%
0.00%
Without animation 45%
45%