Progress Icons


HTML markup

 

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

Progress icons

Progress icons