Statistics

Progress Bars

Get creative with this one. — We honestly couldn’t think of a whole lot of real-world uses for this shortcode, but we thought it was too cool of a Boostrap feature to leave out.

[progress_bar percent=”30″]
[progress_bar percent=”60″ striped=”true”]
[progress_bar percent=”90″ striped=”true” animate=”true”]

[progress_bar percent=”30″ color=”danger”]
[progress_bar percent=”60″ color=”danger” striped=”true”]
[progress_bar percent=”90″ color=”danger” striped=”true” animate=”true”]

[progress_bar percent=”30″ color=”success”]
[progress_bar percent=”60″ color=”success” striped=”true”]
[progress_bar percent=”90″ color=”success” striped=”true” animate=”true”]

[progress_bar percent=”30″ color=”info”]
[progress_bar percent=”60″ color=”info” striped=”true”]
[progress_bar percent=”90″ color=”info” striped=”true” animate=”true”]

[progress_bar percent=”30″ color=”warning”]
[progress_bar percent=”60″ color=”warning” striped=”true”]
[progress_bar percent=”90″ color=”warning” striped=”true” animate=”true”]

Optional Labels and Values

[progress_bar percent=”90″ striped=”true” animate=”true” label=”Web Design” value=”true”]
[progress_bar percent=”70″ striped=”true” animate=”true” color=”warning” label=”jQuery” value=”true”][progress_bar percent=”80″ striped=”true” animate=”true” color=”danger” label=”PHP” value=”true”]

 

Milestones (Counters)

Milestones are a great way to show a running count. You always see this with coffee intake!

[one_fourth]

[vector_icon icon=”soccer-ball-o” color=”red” size=”60px” rotate=”0″ bg_color=”” bg_radius=”100%” bg_size=”40px” class=””]

[milestone start=”0″ stop=”3586″ color=”red” text=”LEAGUE GOALS” boxed=”false” class=””]

[/one_fourth]

[one_fourth]

[vector_icon icon=”users” color=”purple” size=”60px” rotate=”0″ bg_color=”” bg_radius=”100%” bg_size=”40px” class=””]

[milestone start=”0″ stop=”206″ color=”purple” text=”LEAGUE PLAYERS” boxed=”false” class=””]

[/one_fourth]

[one_fourth]

[vector_icon icon=”flag” color=”#0099ff” size=”60px” rotate=”0″ bg_color=”” bg_radius=”100%” bg_size=”40px” class=””]

[milestone start=”0″ stop=”356″ color=”#0099ff” text=”LEAGUE TEAMS” boxed=”false” class=””]

[/one_fourth]

[one_fourth last]

[vector_icon icon=”trophy” color=”green” size=”60px” rotate=”0″ bg_color=”” bg_radius=”100%” bg_size=”40px” class=””]

[milestone start=”0″ stop=”56″ color=”green” text=”LEAGUE AWARDS” boxed=”false” class=””]

[/one_fourth]

[clear]