[fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” padding_left=”0px”padding_right==”0px” menu_anchor=”” class=”” id=””][fusion_builder_row][fusion_builder_column type=”2_3″ last=”no” class=”” id=””][fusion_title size=”1″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Counter Circle Shortcode[/fusion_title][fusion_text]Avada includes multiple animated counter shortcodes, including the counter circle shortcode. These are great for displaying varying types of data to your viewers. The counter circles have several options that allow you to easily customize them to your needs. Wether its sales percentages, skill levels, promotional levels or other data sets, the counter circle shortcode is a great way to visually attract the viewer and display content.[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_3″ last=”yes” class=”” id=””][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”250″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Circle[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”yes” overflow=”visible” margin_top=”0px” margin_bottom=”” background_color=”rgba(255,255,255,0)”][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_separator style_type=”single solid” sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””/][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”#f8f8f8″ backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2014/03/bg6b_bw.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”20px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][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_text]
The [fusion_popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Counter Circle[/fusion_popover] Shortcode Is Highly Customizable
Customization options for circle size, filled and unfilled color, scales, speed, counting direction and more!
[/fusion_text][fusion_separator style_type=”single solid” top_margin=”15″ bottom_margin=”45″ sep_color=”rgba(000,000,000,.1)” icon=”” width=”850px” class=”” id=””/][/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 class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”94″]94%[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Users[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Love[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Avada[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”65px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_3″ last=”no” class=”” id=””][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Control Colors” description=”Each counter circle in the shortcode can have a different filled and unfilled color.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/fusion_tagline_box][fusion_separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””/][/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes” class=”” id=””][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#92be43″ unfilledcolor=”#d7e8b7″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”65″]Full[/fusion_counter_circle][fusion_counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”75″]Control[/fusion_counter_circle][fusion_counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”85″]of[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Colors[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ last=”no” class=”” id=””][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Control Size” description=”Each counter circle in the shortcode can have a different circle diameter.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/fusion_tagline_box][fusion_separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””/][/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes” class=”” id=””][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”30″ scales=”no” countdown=”no” speed=”1500″ value=”90″]You[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”50″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Can[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”70″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Control[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”90″ scales=”no” countdown=”no” speed=”1500″ value=”90″]The[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”110″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Circle[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Size[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ last=”no” class=”” id=””][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Show Scales” description=”Each counter circle can display a set of scales which visually mark the values around the circle. Larger scales mark it the quarter values around the circle.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/fusion_tagline_box][fusion_separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””/][/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes” class=”” id=””][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”185″ scales=”yes” countdown=”no” speed=”1500″ value=”25″]Show[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”185″ scales=”yes” countdown=”no” speed=”1500″ value=”50″]Some[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”185″ scales=”yes” countdown=”no” speed=”1500″ value=”75″]Scales[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ last=”no” class=”” id=””][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Count Up or Down” description=”Each counter circle in the shortcode can have the filled animation start full (up) or empty (down).” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/fusion_tagline_box][fusion_separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””/][/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes” class=”” id=””][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”50″]Up[/fusion_counter_circle][fusion_counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”yes” speed=”1500″ value=”75″][fusion_fontawesome icon=”fa-chevron-up” circle=”no” size=”small” iconcolor=”#cb9536″ circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][fusion_counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”yes” speed=”1500″ value=”50″]Down[/fusion_counter_circle][fusion_counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”90″][fusion_fontawesome icon=”fa-chevron-down” circle=”no” size=”small” iconcolor=”#62a7c9″ circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ last=”no” class=”” id=””][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Animation Speed” description=”Each counter circle in the shortcode can have a different animation speed, which provides a visual variation.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/fusion_tagline_box][fusion_separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””/][/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes” class=”” id=””][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”30″ scales=”no” countdown=”no” speed=”1500″ value=”90″]You[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”50″ scales=”no” countdown=”no” speed=”3500″ value=”90″]Can[/
counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”70″ scales=”no” countdown=”no” speed=”5500″ value=”90″]Control[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”90″ scales=”no” countdown=”no” speed=”7500″ value=”90″]The[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”110″ scales=”no” countdown=”no” speed=”9500″ value=”90″]Circle[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”130″ scales=”no” countdown=”no” speed=”11500″ value=”90″]Speed[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ last=”no” class=”” id=””][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Font Awesome Icons” description=”Each counter circle can have text information or a font awesome icon inside the circle. The full font awesome shortcode can be used along with all of the icon options.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/fusion_tagline_box][fusion_separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””/][/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes” class=”” id=””][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”50″][fusion_fontawesome icon=”fa-paper-plane-o” circle=”no” size=”” iconcolor=”#a7a9ac” circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”75″][fusion_fontawesome icon=”fa-thumbs-o-up” circle=”no” size=”” iconcolor=”#a7a9ac” circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”50″][fusion_fontawesome icon=”fa-laptop” circle=”no” size=”” iconcolor=”#a7a9ac” circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”yes” overflow=”visible” margin_top=”5px” margin_bottom=”0px” background_color=”rgba(255,255,255,0)”][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_separator style_type=”single solid” sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””/][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”22px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][fusion_builder_row][fusion_builder_column type=”2_3″ last=”no” class=”” id=””][fusion_text]
Join The 70,000+ Satisfied Avada Users!
[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_3″ last=”yes” class=”” id=””][fusion_separator style_type=”none” top_margin=”7″ bottom_margin=”7″ sep_color=”” icon=”” width=”” class=”” id=””/][fusion_button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”3d” shape=”pill” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(255, 255, 255, 0.15)|” accent_color=”rgba(0,0,0,.5)” accent_hover_color=”#333333″ bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””]I’M SOLD, BUY AVADA NOW![/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]