Skip to Content
No-Code EditorElementsProgress Circle

Progress Circle

Circular SVG progress indicator. Has the same configuration as Progress Bar with additional stroke customization.

Progress Circle Insert image: A Progress Circle component on the canvas showing a circular ring partially filled, with a percentage text centered inside it

Additional Properties

In addition to all Progress Bar properties:

PropertyDescription
progressTrackWidthWidth of the background track stroke.
progressFillWidthWidth of the fill stroke.
progressLineCapStroke end shape: round or butt.

Usage

Place content (like a percentage text or icon) inside the Progress Circle — it renders as a container with the circular progress ring around it.

Last updated on