Avada Counter Circles Element Showcase

The Avada Counter Circles Element presents animated circular progress indicators that count up to a specified number or percentage, visually representing statistics, goals, or performance metrics. Each circle includes a numeric value, optional label, and customizable styling for color, size, and animation speed.

Below, you will find live examples of the Counter Circles Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

62%

This Avada Counter Circles Element is set up as follows: One child item, Filled Area Percentage (62), Filled Color, Unfilled Color, Counter Size (157px), Show Scales (No), Countdown (No), Animation Speed (1500ms), and Counter Circle Text.

81/100

This Avada Counter Circles Element is set up as follows: One child item, Filled Area Percentage (81), Filled Color, Unfilled Color, Counter Size (208px), Show Scales (Yes), Countdown (No), Animation Speed (1300ms), and Counter Circle Text.

This Avada Counter Circles Element is set up as follows: Three child items, Filled Area Percentage (84, 100, 66), Filled Color, Unfilled Color, Counter Size (90px, 150px, 210px), Show Scales (No), Countdown (No), Animation Speed (1500ms), and Counter Circle Text (Icon Element).

Avada Code Block Element Featured ImageCode Block
Avada Counter Boxes Element Featured ImageCounter Boxes