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:
- Max (number) = maximum value (default is 100)
- Value (number) = actual progress value (default is 50)
- ShowLabel (boolean) = shows/hides the label in the center (default is True)
- LabelSize (number) = font size for the label in the center (default is 20)
- LabelColor (color) = color for the label in the center (default is Black)
- BarBgR, BarBgG, BarBgB (numbers) = red, green and blue components for the color of the background progress circle (default is the grey color on the capture above)
- BarR, BarG, BarB (numbers) = red, green and blue components for the color of the actual progress circle (default is the cyan color on the capture above)
- BarBgWidth (number) = width for the background progress circle
- BarWidth (number) = width for the actual progress circle
- LineCapRound (boolean) = if True draws the circle lines with a round line cap, otherwise line cap will be square (default is True)
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
- 05-15-2019: added a LabelColor property
- 05-21-2019: added a LineCapRound property
