Introduction to modern Progress bar control
Progress bar is one of the new modern controls in Power Apps. It is used to show the progress of some action e.g. loading of data. There are a lot of configuration options available that I will talk about below.
Properties
- Value - A number between 0 and max that specifies the amount of completion of a task. It is applicable only for the determinate state
- Max - The maximum value that indicates a task is complete
- Indeterminate- There are 2 options:
- false- the bar moves from left to right and stops with a full progress bar when a task is complete (default)
- true - the bar keeps moving to show an ongoing progress without showing exactly how much of a task is complete. The max and value properties are not honored when this property is set to true
- Thickness - The thickness of the bar. There are 2 options:
- 'Progress.Thickness'.Medium (default)
- 'Progress.Thickness'.Large
- Shape - The shape of the bar corners. There are 2 options:
- 'Progress.Shape'.Rounded (default)
- 'Progress.Shape'.Square
- ProgressColor - There are 4 options:
- 'Progress.ProgressColor'.Brand (default) - color based on theme
- 'Progress.ProgressColor'.Success - green color
- 'Progress.ProgressColor'.Warning - orange color
- 'Progress.ProgressColor'.Error - red color
Using modern Progress bar control
Prior to this control, I always used to download a progress/loading gif and upload that to the app. With this control, loading or showing progress in all my apps is now consistent. Here is a quick demo showing the difference between indeterminate and determinate states:
Stay tuned for the remaining modern controls!
To read the official documentation of modern controls, click here.