Progress bars are used to show the progress of a particular task or the specific action to the user.
Here is the example of creating a progress bar with the vertical gradient :
Example :
<div class="progress">
<div class="progress-bar" style="width: 50%;">
<span class="sr-only">50% Complete</span>
</div>
</div>
