Check with your designers to help you design this section
Check with your designers to help you design this section
<div class="raul-progress progress">
<div
class="raul-progress-bar progress-bar success "
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
.raul-progress-light
) to wrapper<div class="raul-progress progress raul-progress-light">
<div
class="raul-progress-bar progress-bar success"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
.show-percent
) to progress bar<div class="raul-progress progress">
<div
class="raul-progress-bar progress-bar success show-percent"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
.animate
) to progress bar<div class="raul-progress progress">
<div
class="raul-progress-bar progress-bar success animate"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
<div class="raul-progress progress">
<div
class="raul-progress-bar progress-bar animate show-percent info"
role="progressbar"
aria-valuenow="4"
aria-valuemin="0"
aria-valuemax="10"
></div>
<div
class="raul-progress-bar progress-bar animate show-percent danger"
role="progressbar"
aria-valuenow="2"
aria-valuemin="0"
aria-valuemax="10"
></div>
<div
class="raul-progress-bar progress-bar animate show-percent warning"
role="progressbar"
aria-valuenow="1"
aria-valuemin="0"
aria-valuemax="10"
></div>
<div
class="raul-progress-bar progress-bar animate show-percent"
role="progressbar"
aria-valuenow="1"
aria-valuemin="0"
aria-valuemax="10"
></div>
</div>