Moved from Canvas App Samples Gallery.
05-11-2020 update: added new properties to choose how the value is displayed (X/Y or percentage) (see reply to the post below)
Hi all,
Based on @davidni's blog article (available here) I created a configurable Circular Progress Bar component.
Here is how it looks:
Parameters
Here are the properties you can set on the component:
INPUT
OUTPUT
Feel free to use it... If you have any comments or suggestions, please do not hesitate...
You will find the component right here:
https://github.com/e-gallis/PowerApps
Emmanuel
Updates
Hi all,
Just updated the component to allow two types of display for the value in the center:
So a new property called ValueMode will allow you to choose between those two modes. To set its value, use the enumeration property called ValueModeEnum like this:
ValueMode = MyCircleProgressBar.ValueModeEnum.Progress
-or-
ValueMode = MyCircleProgressBar.ValueModeEnum.MaxValue
If you choose the ValueModeEnum.Progress value for ValueMode, just know that the calculation of the current progress value will be automatic based on both the Max and the Value property values.
Also, using the PercentageDecimals property, you will be able to decide how many decimals should be displayed in case the value is shown as a percentage.
You Rock! Between this one and the fabric UI icons... Thank you!
Btw... any thoughts of changing your fabric UI component into a fluent UI component?