Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.
\n\nUse background utility classes to change the appearance of individual progress bars.
\n\n Add labels to your progress bars by placing text within the\n .progress-bar
.\n
Include multiple progress bars in a progress component if you need.
\n\n\n We only set a\n height
value on the\n progress-bar
, so if you change\n that value the outer\n .progress
\n will automatically resize accordingly.\n
\n The striped gradient can also be\n animated. Add\n animated
to\n progress-bar
to animate the\n stripes right to left via CSS3 animations.\n
\n Add\n animated
\n to any\n progress-bar
to apply a\n stripe via CSS gradient over the progress bar’s background color.\n