Progress components are built with two HTML elements, some CSS to set the width, and a few attributes, ensuring you can stack progress bars, animate them, and place text labels over them.

Use background utility classes to change the appearance of individual progress bars.

Gradient background was able to apply to progress bar as well.

Use .progress-sm, .progress-lg or .progress-xl to customize progress size

Include multiple progress bars in a progress component if you need.