Основной прогресс бар

To create a default progress bar, add a .progress class to a container element and add the progress-bar class to its child element. Use the CSS width property to set the width of the progress bar:

Progress Bar Высота

The height of the progress bar is 1rem (16px) by default. Use the CSS height property to change the height:



Progress Bar Этикетки

70%

Цветной Progress Bars

Use any of the contextual color classes to change the color of the progress bar:









Полосатый Progress Bars

The .progress-bar-striped class adds stripes to the progress bars:





Анимированный Progress Bar

Add the .progress-bar-animated class to animate the progress bar: