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-options='{"progress":88,"text":"<span class=\"text-700 pt-2\">More Power behind<br/>every pixel</span>"}'></div>
<div class="progress-line mr-4" data-options='{"progress":93,"text":"Google Page Speed"}'></div>

JavaScript

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>
<script src="assets/js/progressbar.min.js"></script>