Animated Counters

[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_tagline_box backgroundcolor=”#fff” shadow=”yes” border=”1px” bordercolor=”#e8e6e6″ highlightposition=”top” link=”http://themeforest.net/user/ThemeFusion” linktarget=”” button=”” title=”” description=”Avada includes 3 different sets of animated counters; circles, boxes and bars. These are great for displaying varying types of data to your viewers, wether its sales percentages, skill levels, promotional levels or any other numbers.”][/fusion_tagline_box]

[fusion_separator top=”20″/]

[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_title size=”2″]Animated Counter Circles[/fusion_title]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_counters_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” value=”75″]75%[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” value=”30″][fusion_fontawesome icon=”adjust” circle=”no” size=”large”/][/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” value=”70″]7/10[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” value=”50″]Title[/fusion_counter_circle][/fusion_counters_circle]

[fusion_separator top=”70″/]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_title size=”2″]Animated Counter Boxes[/fusion_title]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_counters_box][fusion_counter_box value=”75″]Counter Title Goes Here[/fusion_counter_box][fusion_counter_box value=”55″]Counter Title Goes Here[/fusion_counter_box][fusion_counter_box value=”65″]Counter Title Goes Here[/fusion_counter_box][fusion_counter_box value=”85″]Counter Title Goes Here[/fusion_counter_box][/fusion_counters_box]

[fusion_separator top=”70″/]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_title size=”2″]Animated Counter Progress Bars[/fusion_title]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_progress percentage=”95″]Your Title Here[/fusion_progress]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_progress percentage=”80″]Your Title Here[/fusion_progress]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_progress percentage=”75″]Your Title Here[/fusion_progress]
[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_progress percentage=”60″]Your Title Here[/fusion_progress]

[fusion_separator top=”70″/]

[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_title size=”2″]Features and Customizations[/fusion_title]

[/fusion_builder_column][fusion_builder_column type=”1_2″ last=”no”]
[fusion_checklist icon=”check” iconcolor=”light” circle=”yes”]

  • 3 different styles with nice jQuery animation effects
  • Insert custom titles and %’s per item, unlimited use per page

[/fusion_checklist]
[/fusion_builder_column]

[fusion_builder_column type=”1_2″ last=”yes”]
[fusion_checklist icon=”check” iconcolor=”light” circle=”yes”]

  • Use %, Icon, Number Scale & Title with the counter circles
  • Customize the filled and unfilled colors for circles and boxes

[/fusion_checklist]
[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Leave a Reply

Your email address will not be published. Required fields are marked *