[fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][two_third last=”no” class=”” id=””][title size=”1″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Counter Circle Shortcode[/title]

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.

[/two_third][one_third last=”yes” class=”” id=””][counters_circle class=”” id=””][counter_circle filledcolor=”” unfilledcolor=”” size=”250″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Circle[/counter_circle][/counters_circle][/one_third][/fullwidth][separator style_type=”single” top_margin=”0″ bottom_margin=”” sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth 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=””]

The [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[/popover] Shortcode Is Highly Customizable

Customization options for circle size, filled and unfilled color, scales, speed, counting direction and more!

[separator style_type=”single” top_margin=”15″ bottom_margin=”45″ sep_color=”rgba(000,000,000,.1)” icon=”” width=”850px” class=”” id=””][counters_circle class=”” id=””][counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”94″]94%[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Users[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Love[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Avada[/counter_circle][/counters_circle][/fullwidth][fullwidth 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=””][one_third last=”no” class=”” id=””][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=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][counters_circle class=”” id=””][counter_circle filledcolor=”#92be43″ unfilledcolor=”#d7e8b7″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”65″]Full[/counter_circle][counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”75″]Control[/counter_circle][counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”85″]of[/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Colors[/counter_circle][/counters_circle][/two_third][one_third last=”no” class=”” id=””][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=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][counters_circle class=”” id=””][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”30″ scales=”no” countdown=”no” speed=”1500″ value=”90″]You[/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”50″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Can[/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”70″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Control[/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”90″ scales=”no” countdown=”no” speed=”1500″ value=”90″]The[/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”110″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Circle[/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Size[/counter_circle][/counters_circle][/two_third][one_third last=”no” class=”” id=””][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=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=