• We use the .progress as a wrapper to indicate the max value of the progress bar.
• The .progress wrapper also requires a role="progressbar" and aria attributes to make it accessible, including an accessible name (using aria-label, aria-labelledby, or similar).
• We use the inner .progress-bar purely for the visual bar and label.
• The .progress-bar requires an inline style, utility class, or custom CSS to set its width.
• We provide a special .progress-stacked class to create multiple/stacked progress bars.

The striped gradient can also be animated. Add .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.