Animated counters are a fun and effective way to display stats to your visitors. Animation is triggered using lazy-loading to make browsing the page truly engaging. You can place as many counters as you would like inside of this module.Live Module Demo
Text Color - If the counters are being placed onto a light background, the Text Color should be set to ‘Dark’. Visa versa, if the counters are being placed onto a dark background, the Text Color should be set to ‘Light’.
Background Color - You can make the background of the counters any color you wish with the color picker.
Bar Background Color - You can make the color of the percentage bars any color you wish with the color picker.
Add New Counter - Begin by clicking ‘Add New Counter’ at the top of the options modal you will add your first counter and will be brought to the Counter Settings.
Title - The title you insert here will be used for the label of this counter bar.
Percentage - Define the percentage for this bar here.
Saving and Editing - After pressing the Save button in the Counter Settings, you will be taken back to the module settings where you can add a new counter, delete/edit counters, and drag and drop to rearrange your existing counters.
Admin Label - By default, your counters module will appear with a label that reads ‘Animated Counters’’ in the builder. The Admin Label allows you to change this label for easy identification.