<div class="card-group mb-4">
<div class="card">
<div class="card-body">
<div class="text-muted text-right mb-4">
<i class="cil-building" style="font-size: 30px;"></i>
</div>
<div class="text-value-lg">27</div><small class="text-muted text-uppercase font-weight-bold">CWP</small>
<div class="progress progress-xs mt-3 mb-0">
<div class="progress-bar bg-info" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="text-muted text-right mb-4">
<i class="cil-bank" style="font-size: 30px;"></i>
</div>
<div class="text-value-lg">125</div><small class="text-muted text-uppercase font-weight-bold">CK</small>
<div class="progress progress-xs mt-3 mb-0">
<div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="text-muted text-right mb-4">
<i class="cil-house" style="font-size: 30px;"></i>
</div>
<div class="text-value-lg">598</div><small class="text-muted text-uppercase font-weight-bold">AP</small>
<div class="progress progress-xs mt-3 mb-0">
<div class="progress-bar bg-warning" role="progressbar" style="width: 50%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="text-muted text-right mb-4">
<i class="cil-user" style="font-size: 30px;"></i>
</div>
<div class="text-value-lg">1.456</div><small class="text-muted text-uppercase font-weight-bold">MF</small>
<div class="progress progress-xs mt-3 mb-0">
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="text-muted text-right mb-4">
<i class="cil-people" style="font-size: 30px;"></i>
</div>
<div class="text-value-lg">51.920</div><small class="text-muted text-uppercase font-weight-bold">Jam'ah</small>
<div class="progress progress-xs mt-3 mb-0">
<div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
Comments