Put the progress circle on the page and set these variables to start using it. its that simple.

To use the progress circle you need to set these 6 parameters the content in the center of the progress circle is managed using placeholders

1. TrailColor (Text Field Accepted Value: RGB, HEX, HSL or color name )
2. ProgressColor (Text Field Accepted Value: RGB, HEX, HSL or color name )
3. InsideCircleColor (Text Field Accepted Value: RGB, HEX, HSL or color name )
4. Progress (Integer Field 1-100)
5. Size (Text Field Accepted Value: px, vw, vh)
6. Thickness (Text Field Accepted Value: px, vw, vh)

Using the progress circle is pretty simple after that. here is a demo link that can be used to see it directly
https://personal-qqilzxrg.outsystemscloud.com/ProgressCircleDemo/ProgressCircleDemo