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!
[/fusion_text][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=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][counters_circle class=”” id=””][counter_circle filledcolor=”” unfilledcolor=”” size=”185″ scales=”yes” countdown=”no” speed=”1500″ value=”25″]Show[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”” size=”185″ scales=”yes” countdown=”no” speed=”1500″ value=”50″]Some[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”” size=”185″ scales=”yes” countdown=”no” speed=”1500″ value=”75″]Scales[/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=”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=””][/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=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”50″]Up[/counter_circle][counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”yes” speed=”1500″ value=”75″][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=””][/counter_circle][counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”yes” speed=”1500″ value=”50″]Down[/counter_circle][counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”90″][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=””][/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=”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=””][/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=”” unfilledcolor=”” size=”30″ scales=”no” countdown=”no” speed=”1500″ value=”90″]You[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”” size=”50″ scales=”no” countdown=”no” speed=”3500″ value=”90″]Can[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”” size=”70″ scales=”no” countdown=”no” speed=”5500″ value=”90″]Control[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”” size=”90″ scales=”no” countdown=”no” speed=”7500″ value=”90″]The[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”” size=”110″ scales=”no” countdown=”no” speed=”9500″ value=”90″]Circle[/counter_circle][counter_circle filledcolor=”” unfilledcolor=”” size=”130″ scales=”no” countdown=”no” speed=”11500″ value=”90″]Speed[/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=”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=””][/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=”185″ scales=”no” countdown=”no” speed=”1500″ value=”50″][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=””][/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”75″][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=””][/counter_circle][counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”50″][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=””][/counter_circle][/counters_circle][/two_third][/fullwidth][separator style_type=”single” top_margin=”5″ bottom_margin=”0″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”” backgroundimage=”https://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=””][two_third last=”no” class=”” id=””][fusion_text]