Power Apps Progress Bar – Modern Controls


Purpose

A progress bar control is a visual representation of the completion status of a task or process. Its purpose is to provide feedback to the user on the progress of the task and to indicate how much time is left until it is completed.


Properties

AccessibilityLabel
Screen readers will voice this string when a user selects the control
ContentLanguage
Describes the language used to the audience (e.g. “en-US”)
DisplayMode
Selects the mode: Edit, View or Disabled. In Edit mode the user can input values. In View mode the user can only see the values and in Disabled mode the control is greyed-out.

Options:
= DisplayMode.Disabled
= DisplayMode.Edit
= DisplayMode.View
Height
Distance from the top of the control to the bottom
Indeterminate
Shows a continuous animation to represent unknown loading progress (true)

Options:

= true



= false

Max
Progress bar will be completely filled when the Value property matches this number.
OnChange
Actions that will be executed when the Value property of the progress bar changes
ProgressColor
Sets the progress bar color.

= “Brand”

= “Success”

= “Error”

= “Warning”
Shape
Sets the progress bar shaped to Square or Rounded

= “Square”



= “Rounded”

Thickness
Thickness of the progress bar

= “Medium”



= “Large”

Value
Sets the current value of the progress bar. Increasing this number will make the progress bar grow to the right. Lowering this number will make the progress bar shrink to the left.
Visible
Determines whether to show or hide the control
Width
Distance from the left side of the control to the right side
X
Distance from the left edge of the screen to the left side of the control
Y
Distance from the top edge of the screen to the top of the control




How To Use The Power Apps Progress Bar

1. Update the Max property to the value to match the ending value of the progress bar.

100



2. Set a variable equal to 0.

Set(varCurrentProgress, 0)



3. Write this code in the Value property of the progress bar.

varCurrentProgress

4. Change the variable to a new value to update the progress bar

Set(varCurrentProgress, 35)





Questions?

If you have any questions or feedback about Power Apps Progress Bar – Modern Controls please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.

Subscribe
Notify of
guest

1 Comment
Oldest
Newest
Inline Feedbacks
View all comments
Aya Tarek
Aya Tarek
29 days ago

Thank you! this is brilliant! I am glad this control is added..