Circle Counter Layer

You can find the Circle Counter layer in the Slide Editor.

☝️ Note: This layer is only available in the Pro version of Smart Slider 3.

Content

Counter

Value

The value the circle counter counts to.

Start From

The count starts from this value. For example, if you are doing a discount, you can enter the "original" price here, and the discount price could be the Value.

Total

The maximum value of the progress bar.

Display

Color

The main color of the progress bar.

Active color

The color of the progress bar's value.

Size

The size of the circle.

Stroke width

The width of the circle.

Labels

Label

The title of the whole progress bar.

Placement

The place where you want to show the title. It can be above or below the bar, or on top of it.

Pre

You can enter some text here which will be displayed before the value. E.g. 1 or the name of the progress.

Post

You can enter some text here which will be displayed after the value. E.g. %.

Animation

Animation duration

How long does it take for the layer to reach the "value" starting from the "start from" field's value.

Delay

You can delay the start of the animation.

Style

Typography

You can select whether you want to adjust the font for the Counter list or the Label.

Learn about the typography options at the Layer Typography & Design documentation.

Responsive

Learn about the responsive options at the Layer Style documentation.

Effect

Learn more about the effect options at the Layer Style documentation.

Position

Learn about the position options at the Layer Style documentation.

Size

Learn about the size options at the Layer Style documentation.

Advanced

Learn more about the advanced options at the Layer Style documentation.

Animations

Learn about the animations at the Animation documentation.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.