Circle Progress element will draw an animated circular bar around the text. Element popup contains following options;

Defaults tab

1. Holder box style  -  Adjust .thz-circle-progress-holder box style.
2. Progress  -  Setup your progress bar size and animation.
3. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Progress tab

1. Progress bar colors  -  Setup your progress bar colors. If multiple fill colors, bar fill becomes a gradient.
2. Progress value  -  Choose progress circle value. Percent or custom defined text/icon.

Outer circle tab

1. Background  -  Adjust .thz-circle-progress background.
2. Metrics  -  Adjust outer circle metrics.

Inner circle tab

1. Background  -  Adjust .thz-circle-progress-inner background.
2. Border  -  Adjust inner circle border.

Title tab

1. Title  -  Add progress title.
2. Title style  -  Adjust title look and feel.
3. Title separator  -  Adjust title separator. Separator is located between title and text.

Text tab

1. Text  -  Add progress text.
2. Text style  -  Adjust text look and feel.

Effects tab

1. Animate  -  Add animation to the HTML container.