Skip to main content

Notifications

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Power Platform Community / Gallery / Canvas Apps Components Samples / Circle progress indicator

Circle progress indicator

4874 Views
yfw Profile Picture Posted 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

*This post is locked for comments

  • faruk88888 Profile Picture faruk88888 7
    Posted at
    Circle progress indicator

    Great 

  • CU12091225-0 Profile Picture CU12091225-0 3,245
    Posted at
    Circle progress indicator

    Hey @sbedows , use this in the label:

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

  • sbedows Profile Picture sbedows 8
    Posted at
    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.