Progress
Documentation and examples for using Hummingbird custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.
Progress on HummingbirdBasic Example
<div class="progress h-3.75">
<div class="progress-bar w-7/10" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>Label
<div class="progress h-3.75">
<div class="progress-bar w-5/10 rounded-lg" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">50%</div>
</div>Height
<div class="progress h-px mb-4">
<div class="progress-bar w-7/10" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress h-2.5 mb-4">
<div class="progress-bar w-7/10" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress h-5 mb-4">
<div class="progress-bar w-7/10" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>Background
<div class="progress h-3.75 mb-4">
<div class="progress-bar w-3/10 bg-success" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress h-3.75 mb-4">
<div class="progress-bar w-4/10 bg-info" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress h-3.75 mb-4">
<div class="progress-bar w-5/10 bg-warning" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress h-3.75 mb-4">
<div class="progress-bar w-6/10 bg-danger" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
