Add Progress Bar component to show options with the Storybook

Problem/Motivation

Bootstrap 5 Progress component

Proposed resolution

Add Progress Bar component

color: [

bg-primary | bg-secondary | bg-success | bg-info | bg-warning | bg-danger |
            bg-light' | bg-dark | bg-black | bg-white | bg-body | bg-transparent |
            bg-opacity-10 | bg-opacity-25 | bg-opacity-50 | bg-opacity-75 |
            bg-opacity-100 | bg-gradient

] Use background utility classes to change the
appearance of individual progress bars.
striped: [true | false] Add .progress-bar-striped to any .progress-bar to
apply a stripe via CSS gradient over the background color.
animated: [true | false] The striped gradient can also be animated.
Add .progress-bar-animated to .progress-bar to animate
the stripes right to left via CSS3 animations.
label: The label of the working task.
percent: [1 to 100] The percentage of the progress.
message: A string containing information to be displayed.

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-10.0.0-alpha1 → , vartheme_bs5-2.0.0-alpha1 →

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3300539 → : Added Progress Bar component to show options with the Storybook