HTML markup
1 |
<div class="ct-js-progressIcons" data-font-size="115" data-icon-color="#DD673E" data-active="4" data-total="7" data-icon="fa-globe" data-delay="400"></div> |
Desription – list of attributes
data-font-size=”115″ – it allows you to adjust the size of icon
data-icon-color=”#DD673E” – it allows you to adjust the color of icon
data-active=”4″ – it allows you to adjust the number of active icons
data-total=”7″ – it allows you to adjust the number of total icons which will be displayed
data-icon=”fa-globe” – you can select here appropriate icon
data-delay=”400″ – you can set here delay between each icons which will be displayed
JavaScript
<script src=”../assets/js/progressicons/init.js”></script>
Screenshot