Advanced Module - Number Counter overview

The Number Counter module displays a number in an animated fashion, with the counter going from zero to the number or percent you specify.

You can configure the Number Counter module in many different ways.

  • You can choose a circle, a horizontal bar, or just the number.
  • You can choose the number to be displayed as a percent or standard (an absolute value).
  • If you choose standard numbers, you can add a prefix (such as the dollar sign) or a suffix to the number. 
  • With a standard number in the horizontal bar display, you can choose the maximum number for the total bar length, as well as the counter number.
  • You can add text over or under the number, or neither.
  • You can specify colors for the counter and text, and you can change the animation speed for the counter.

Number counters are most often used to compare two or more numbers. Just add a Number Counter module for each number in the layout you want. Below are different ways how you set your number counter.

Have more questions? Submit a request