Building a Progress Bar in Power Apps

Learn how to build a progress bar in a Canvas App - five different ways including the modern control, using buttons, galleries or containers. In this video I will demonstrate how you can create a collection of data to orchestrate these bars, display percentages or current stages on the bar. This material is repeatable and could even be included as part of a custom component.
00:00 Intro
01:05 Demo of Progress Bars
02:13 Setting up the collection and gallery
06:00 Option 1 Adding the modern control
08:00 Adding a container
08:35 Option 2 Using Buttons
12:56 Option 3 Using Gallieries
15:12 Option 4 Using Galleries and Buttons
18:54 Option 5 Using Containers
23:25 Outro
Catch me on social media too as DamoBird365
DamoBird365
LinkedIn.com/in/DamoBird365
and check out my blog www.DamoBird365.com
Please buy me a coffee www.buymeacoffee.com/DamoBird365 ☕

[@michelhegeraat5430]

My progress bars are usually made from a slider. Nice to share your ideas.

[@DamoBird365]

Cheers Michael, hopefully something new to try out 👍

Good one Damien. 👍💡 Love PowerApps, you can build the same thing in so many ways. SVG images can work for Progress Bar and the good old HTML Text Control can as well. Keep those videos coming. 🎥📺

[@franknielsen3219]

Very cool THX. I allways watch your Power Automate videos because they are great, so keep up the good work 👌👌

[@DamoBird365]

Cheers Frank 👍 appreciated

[@basehumax]

Thanks Damien

[@marina_peixoto]

Thank you so much! Your video made my day!

[@DamoBird365]

I would love to see what you came up with 👍

[@jasonralston6610]

Nice work, I think it's crazy that you have to use a patch statement to update a collection value in application that you have full control. you would think you could use set(). Also you seleted the first three items in your control? Please tell me that isn't because you can only leverage the check and uncheck properties for control state? If that really is the case once again wouldn't just use a if(), case() switch() or whatever PowerApps call it?

[@inspectorlife85]

Like this one! Thanks for these video and tutorials.
Can you make one on taking an existing Sharepoint List (lots of data columns, use inputs information/tracks start for each row) and make it automatically move to an Excel File for a single person to review? Including a list from TEAMS?

[@DamoBird365]

Let me know if this helps czcams.com/video/RB_ySjhm9Sg/video.html

[@shashankgwl]

So the formula for calculation of completion will show 60% if "Monitoring , Execution and Closure" alone are ticked?

[@DamoBird365]

Correct, but hopefully you can apply this to your own logic.

[@lxz86]

thanks Damo, this is so much useful, but these five states require dependency logic, and the next step can only be taken after initiation. How should this be implemented?

[@DamoBird365]

I’ve used a gallery to demonstrate updating the Boolean values via oncheck but you could base it on a table/list being updated or maybe navigation between screens via an onselect. It really depends on your use case and why the progress bar should update.

[@imran002ali]

Hi @DamoBird365, very nice and great video, thank you!! 👍

[@DamoBird365]

Thank Imran.

[@user-qz7ie6ot1t]

Hello @DamoBird365,
Is there any way of getting data of a ".xls" file in order to make a flow automation?
either convert .xls to csv or .xlsx?
I would like to know if this is possible only by using power automate flows, and no PADesktop?

[@DamoBird365]

I’ve looked into this in the past, I don’t believe it is possible. There are 3rd party connectors, for instance encodian that can handle xls to xlsx. If you find a way, please let me know 😉

[@aceco4431]

Good day! Can this be done in cases where there are separate activities on a single canvas app? If so, how would we do it? Thank you

[@DamoBird365]

@@aceco4431 do you mean separate progress bars on separate processes? I don’t see why not. You just need to maintain a separate variable.