Animated Milestone

Milestone

Parameters

[divider_line]

[list icon=”check” color=”blue”]

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

[/list]

Shortcode Option Panel

[divider_line] [image source_type=”attachment_id” source_value=”3225″ caption=”The Animated Milestone Shortcode Options Panel” alt=”The Animated Milestone Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”The Animated Milestone Shortcode Options Panel”]

[divider_padding]

Milestones with Different Size

[divider_line]

[milestone numberFrom=”45″ number=”98″ subject=”Small Size” size=”small”]

[milestone numberFrom=”99″ number=”231″ subject=”Medium Size”]

[milestone numberFrom=”232″ number=”321″ subject=”Large Size” size=”large”]

[toggle title=”Get the code”]
[code]

[milestone numberFrom=”45″ number=”98″ subject=”Small Size” size=”small”]

[milestone numberFrom=”99″ number=”231″ subject=”Medium Size”]

[milestone numberFrom=”232″ number=”321″ subject=”Large Size” size=”large”]

[/code]
[/toggle]

[divider_padding]

Milestones with Custom Color

[divider_line]

[milestone numberFrom=”5″ number=”198″ subject=”Custom Number Color” numberColor=”#27ccc0″]

[milestone numberFrom=”5″ number=”352″ subject=”Custom Subject Color” subjectColor=”#2ac4ea” ]

[milestone numberFrom=”5″ number=”246″ subject=”Custom Color” numberColor=”#f6653c” subjectColor=”#27ccc0″ ]

[toggle title=”Get the code”]
[code]

[milestone numberFrom=”5″ number=”198″ subject=”Custom Number Color” numberColor=”#27ccc0″]

[milestone numberFrom=”5″ number=”352″ subject=”Custom Subject Color” subjectColor=”#2ac4ea” ]

[milestone numberFrom=”5″ number=”246″ subject=”Custom Color” numberColor=”#f6653c” subjectColor=”#27ccc0″ ]

[/code]
[/toggle]

[divider_padding]

Icon Milestones

[divider_line]

[milestone numberFrom=”100″ number=”15698″ subject=”Satisfied users” icon=”smile-o”]

[milestone numberFrom=”100″ number=”1539″ subject=”Bugs fixed” icon=”bug”]

[toggle title=”Get the code”]
[code]

[milestone numberFrom=”100″ number=”15698″ subject=”Satisfied users” icon=”smile-o”]

[milestone numberFrom=”100″ number=”1539″ subject=”Bugs fixed” icon=”bug”]

[/code]
[/toggle]

[divider_padding]

Icon Milestones With Custom Color

[divider_line]

[milestone numberFrom=”45″ number=”98″ subject=”Small Size” size=”small” icon=”lightbulb-o” iconColor=”#f6653c”]

[milestone numberFrom=”99″ number=”231″ subject=”with Icon” size=”small” icon=”leaf” iconColor=”#2ac4ea”]

[milestone numberFrom=”232″ number=”321″ subject=”Custom Icon Color” size=”small” icon=”pencil” iconColor=”#27ccc0″]

[toggle title=”Get the code”]
[code]

[milestone numberFrom=”45″ number=”98″ subject=”Small Size” size=”small” icon=”lightbulb-o” iconColor=”#f6653c”]

[milestone numberFrom=”99″ number=”231″ subject=”with Icon” size=”small” icon=”leaf” iconColor=”#2ac4ea”]

[milestone numberFrom=”232″ number=”321″ subject=”Custom Icon Color” size=”small” icon=”pencil” iconColor=”#27ccc0″]

[/code]
[/toggle]

[divider_top]