Counter Circle Shortcode

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_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″][/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]

Control Colors

Each counter circle in the shortcode can have a different filled and unfilled color.

[fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#92be43″ unfilledcolor=”#d7e8b7″ size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”65″]Full[/fusion_counter_circle][/fusion_counters_circle]
[fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”75″]Control[/fusion_counter_circle][/fusion_counters_circle]
[fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”85″]of[/fusion_counter_circle][/fusion_counters_circle]
[fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Colors[/fusion_counter_circle][/fusion_counters_circle]

Control Size

Each counter circle in the shortcode can have a different circle diameter.

[fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”60″ scales=”no” countdown=”no” speed=”1500″ value=”90″]You[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”80″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Can[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”100″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Control[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”120″ scales=”no” countdown=”no” speed=”1500″ value=”90″]The[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”140″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Circle[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”160″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Size[/fusion_counter_circle][/fusion_counters_circle]

Show Scales

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.

[fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”230″ scales=”yes” countdown=”no” speed=”1500″ value=”25″]Show[/fusion_counter_circle][/fusion_counters_circle]
[fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilled