Katniss Responsive Bootstrap 4 Admin Template

Progress

Basic Progress

A basic progress in all different colors.

Source Code

<div class="progress mg-b-20"> <div class="progress-bar bg-success wd-35p" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div> </div>

Striped Progress

A striped progress in all different colors.

Source Code

<div class="progress mg-b-20"> <div class="progress-bar progress-bar-striped wd-35p" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div> </div>

Progress Sizes

A basic progress in different sizes.

Size Super Extra Small

Size Extra Small

Size Small

Size Normal

Size Large

Source Code

<div class="progress mg-b-20"> <div class="progress-bar progress-bar-lg wd-35p" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div> </div>

Progress Labels

A basic progress with labels centered.

50%

60%

95%

Source Code

<div class="progress mg-b-20"> <div class="progress-bar progress-bar-lg wd-35p" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100">35%</div> </div>