<div class="progress" style="height: 50px;">

  <div

    class="progress-bar"

    role="progressbar"

    style="width: 15%;"

    aria-valuenow="15"

    aria-valuemin="0"

    aria-valuemax="100"

  >15</div>

  <div

    class="progress-bar bg-success"

    role="progressbar"

    style="width: 30%;"

    aria-valuenow="30"

    aria-valuemin="0"

    aria-valuemax="100"

  >30</div>

  <div

    class="progress-bar bg-info"

    role="progressbar"

    style="width: 20%;"

    aria-valuenow="20"

    aria-valuemin="0"

    aria-valuemax="100"

  >20</div>

</div>