Skip to main content

Notifications

Circle progress indicator

yfw Profile Picture Posted 17 Dec 2021 by yfw

circle.gif

 

PROPERTY DESCRIPTION
Value The number value of the progress bar. It can also be referenced as an output from the component.
Incomplete fill Sets the fill color of the incomplete progress. It takes hex color code as input format.
Current fill Sets the fill color of the complete progress. It takes hex color code as input format.
Completed fill Sets the fill color of the bar when the progress is 100%. It takes hex color code as input format.
Stroke width Takes a number input as the thickness of the bar.
Percentage toggle Select format between 100% or 100/100.
Slider toggle Show/hide the slider bar in the bottom.
Circle radius The radius changes how big or small is the circle bar.
Maximum value Maximum number of the progress.
Rounded Select between round or sharp cut of the current progress.
Minimum value Sets the minimum number of the slider bar. It is useful when asking user input with a floor value.

Categories:

Comments

  • faruk88888 Profile Picture faruk88888 7
    Posted 22 Dec 2022 at 06:58:40
    Circle progress indicator

    Great 

  • Sajarac Profile Picture Sajarac 3,251
    Posted 29 Nov 2022 at 16:38:53
    Circle progress indicator

    Hey @sbedows , use this in the label:

    RoundUp((label.Value/Label.MaxValue)*100, "00.00") & "%"

  • sbedows Profile Picture sbedows 8
    Posted 29 Mar 2021 at 19:38:28
    Circle progress indicator

    @yfw - Awesome tool.  Is there a way to round the percentages?  For example - When I put in 3 as the value and 9 as the max value, it shows 33.3333333333333333%, making the percentage unusable.