valuemax="100"></div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Progress Bars with Background -->
            <div class="col-lg-12">
              <div class="card mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                  <h6 class="m-0 font-weight-bold text-primary">Progress Bars with Background</h6>
                </div>
                <div class="card-body">
        