05-15-2020 08:41 AM
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)
Here is how it looks:
Here are the properties you can set on the component:
Feel free to use it... If you have any comments or suggestions, please do not hesitate...
You will find the component right here:
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?