Progressbar
These modular elements can be readily used and customized in every layout across pages.
Two types of progress visualizers are available in Reign: .progress-circle and .progress-line .
For more detail see Progressbar Documentation
Example
<div class="progress-circle mb-4" data-options='{"progress":96,"text":""}'></div>
<div class="progress-line mr-4" data-options='{"progress":93,"text":"Google Page Speed"}'></div>Javascript
<script src="assets/lib/progressbar.js/progressbar.min.js"></script>