Animated Milestone

Milestone

Parameters

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

Shortcode Option Panel

The Animated Milestone Shortcode Options Panel
The Animated Milestone Shortcode Options 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]