Progressbar
These modular elements can be readily used and customized in every layout across pages.
Two types of progress visualizers are available in Sparrow: .progress-circle
and .progress-line
.
For more Details see ProgressBar Documentation⟶
HTML
<div class="progress-circle mb-4" data-progress-circle='{"progress":88,"subText":"<span class=\"text-700 pt-2\">More Power behind<br/>every pixel</span>"}'></div>
<div class="progress-line me-4" data-progress-line='{"progress":93,"subText":"Google Page Speed"}'></div>
Javascript
<script src="vendors/progressbar/progressbar.min.js"></script>