Progress style1
Business Strategy
18%
Finance Consultancy
30%
Investment Plan
50%
Investment Banking
80%
<div class="progress-text">
<div class="row">
<div class="col-6">Business Strategy</div>
<div class="col-6 text-right">18%</div>
</div>
</div>
<div class="custom-progress progress">
<div class="animated custom-bar progress-bar slideInLeft" style="width:18%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="10" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Finance Consultancy</div>
<div class="col-6 text-right">30%</div>
</div>
</div>
<div class="custom-progress progress">
<div class="animated custom-bar progress-bar slideInLeft" style="width:30%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Investment Plan </div>
<div class="col-6 text-right">50%</div>
</div>
</div>
<div class="custom-progress progress">
<div class="animated custom-bar progress-bar slideInLeft" style="width:50%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Investment Banking</div>
<div class="col-6 text-right">80%</div>
</div>
</div>
<div class="custom-progress progress">
<div class="animated custom-bar progress-bar slideInLeft" style="width:80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
Progress style2
Business Strategy
18%
Finance Consultancy
30%
Investment Plan
50%
Investment Banking
80%
<div class="progress-text">
<div class="row">
<div class="col-6">Business Strategy</div>
<div class="col-6 text-right">18%</div>
</div>
</div>
<div class="custom-progress progress progress-medium">
<div class="animated custom-bar progress-bar slideInLeft" style="width:18%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="10" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Finance Consultancy</div>
<div class="col-6 text-right">30%</div>
</div>
</div>
<div class="custom-progress progress progress-medium">
<div class="animated custom-bar progress-bar slideInLeft" style="width:30%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Investment Plan </div>
<div class="col-6 text-right">50%</div>
</div>
</div>
<div class="custom-progress progress progress-medium">
<div class="animated custom-bar progress-bar slideInLeft" style="width:50%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Investment Banking</div>
<div class="col-6 text-right">80%</div>
</div>
</div>
<div class="custom-progress progress progress-medium">
<div class="animated custom-bar progress-bar slideInLeft" style="width:80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
Progress style3
Business Strategy
18%
Finance Consultancy
30%
Investment Plan
50%
Investment Banking
80%
<div class="progress-text">
<div class="row">
<div class="col-6">Business Strategy</div>
<div class="col-6 text-right">18%</div>
</div>
</div>
<div class="custom-progress progress progress-bold">
<div class="animated custom-bar progress-bar slideInLeft" style="width:18%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="10" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Finance Consultancy</div>
<div class="col-6 text-right">30%</div>
</div>
</div>
<div class="custom-progress progress progress-bold">
<div class="animated custom-bar progress-bar slideInLeft" style="width:30%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Investment Plan </div>
<div class="col-6 text-right">50%</div>
</div>
</div>
<div class="custom-progress progress progress-bold">
<div class="animated custom-bar progress-bar slideInLeft" style="width:50%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
<div class="progress-text">
<div class="row">
<div class="col-6">Investment Banking</div>
<div class="col-6 text-right">80%</div>
</div>
</div>
<div class="custom-progress progress progress-bold">
<div class="animated custom-bar progress-bar slideInLeft" style="width:80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
