Animated Milestone

Milestone

Parameters

  • numberFrom(optional)
  • number(optional)
  • subject
  • size:small,default,large
  • numberColor:(optional)
  • subjectColor(optional)
  • icon:(optional)
  • iconColor(optional)

Shortcode Option Panel

Milestones with Different Size

45
Small Size
99
Medium Size
232
Large Size

Get the code

[one_third] [milestone numberFrom="45" number="98" subject="Small Size" size="small"] [/one_third] [one_third] [milestone numberFrom="99" number="231" subject="Medium Size"] [/one_third] [one_third_last] [milestone numberFrom="232" number="321" subject="Large Size" size="large"] [/one_third_last]

Milestones with Custom Color

5
Custom Number Color
5
Custom Subject Color
5
Custom Color

Get the code

[one_third] [milestone numberFrom="5" number="198" subject="Custom Number Color" numberColor="#27ccc0"] [/one_third] [one_third] [milestone numberFrom="5" number="352" subject="Custom Subject Color" subjectColor="#2ac4ea" ] [/one_third] [one_third_last] [milestone numberFrom="5" number="246" subject="Custom Color" numberColor="#f6653c" subjectColor="#27ccc0" ] [/one_third_last]

Icon Milestones

100
Satisfied users
100
Bugs fixed

Get the code

[one_half] [milestone numberFrom="100" number="15698" subject="Satisfied users" icon="smile-o"] [/one_half] [one_half_last] [milestone numberFrom="100" number="1539" subject="Bugs fixed" icon="bug"] [/one_half_last]

Icon Milestones With Custom Color

45
Small Size
99
with Icon
232
Custom Icon Color

Get the code

[one_third] [milestone numberFrom="45" number="98" subject="Small Size" size="small" icon="lightbulb-o" iconColor="#f6653c"] [/one_third] [one_third] [milestone numberFrom="99" number="231" subject="with Icon" size="small" icon="leaf" iconColor="#2ac4ea"] [/one_third] [one_third_last] [milestone numberFrom="232" number="321" subject="Custom Icon Color" size="small" icon="pencil" iconColor="#27ccc0"] [/one_third_last]