Progress sizes

Responsive progress bar height, padding and font size.

100%

<!-- Source -->
<div class="progress progress-1"></div>
<div class="progress progress-2"></div>
<div class="progress progress-3"></div>
<div class="progress progress-4"></div>
<div class="progress progress-5"></div>

Responsive

<!-- Source -->
<div class="progress progress-sm-1"></div>
<div class="progress progress-sm-2"></div>
<div class="progress progress-sm-3"></div>
<div class="progress progress-sm-4"></div>
<div class="progress progress-sm-5"></div>

<div class="progress progress-md-1"></div>
<div class="progress progress-md-2"></div>
<div class="progress progress-md-3"></div>
<div class="progress progress-md-4"></div>
<div class="progress progress-md-5"></div>

<div class="progress progress-lg-1"></div>
<div class="progress progress-lg-2"></div>
<div class="progress progress-lg-3"></div>
<div class="progress progress-lg-4"></div>
<div class="progress progress-lg-5"></div>

<div class="progress progress-xl-1"></div>
<div class="progress progress-xl-2"></div>
<div class="progress progress-xl-3"></div>
<div class="progress progress-xl-4"></div>
<div class="progress progress-xl-5"></div>