Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
2 min agoLorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
1 min agoLorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
2 min agoProgress components are built with two HTML elements, some CSS to set the width, and a few attributes.
Add .progress-bar-striped
to any .progress-bar
to apply a stripe via CSS gradient over the progress bar’s background color.
The striped gradient can also be animated. Add .progress-bar-animated
to .progress-bar
to animate the stripes via CSS3 animations.
Use background utility classes to change the appearance of individual progress bars.
Add labels to your progress bars by placing text within the .progress-bar
.
Use predefined modifier classes .progress-{sm|lg}
to change progress element height.
Set a height value on the .progress-bar
, so if you change that value the outer .progress
will automatically resize accordingly.
Include multiple progress bars in a progress component if you need.
Copyright Panely. All rights reserved
Hand-crafted and made with
Donec laoreet fringilla justo a pellentesque
Nunc quis massa nec enim
Praesent sit amet