1 minute read



  • start – start value, for example: “0”.
  • end – end value, for example: “100”.
  • speed – speed of animation in millisecond, for example: “1000”.
  • prefix – sign before number value, for example: “+”.
  • suffix – sign after number value, for exampe: “%”.
  • color – set color of number value, exemplary values: “#f67913”, “orange”, etc..
  • class – (optional) add custom CSS class.
  • id – (optional) add custom id (must have unique value).

Exemplary usage

[milestone start="0" end="100" speed="1000" prefix="+" suffix="%" color="#b24d26"]

See also demo of milestone. In full download package (Dummy data/shortcodes-pages/counters.html) you can find the file with shortcodes we used to create demo page.

Did you know...

You can use “milestone” element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.