Components
Progress
Examples for using custom progress bars featuring support for stacked bars, animated backgrounds, and text labels. Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.
Basic Examples
Here is some examples for progess bar..
Different Sizes
You can change progress thikness.
With Label
Add labels to your progress bars by placing text within the progress bar.
50%
Set Background
Use background utility classes to change the appearance of individual progress bars.
Multiple Bars
Include multiple progress bars in a progress component if you need.
Striped Bar
Use background utility classes to change the appearance of individual progress bars.
Animated Stripes
The striped gradient can also be animated.
© 2024 DashWind. Template by Softnio
