web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Dynamic Progress Bar F...
Power Apps
Unanswered

Dynamic Progress Bar From Scrollable Screen

(0) ShareShare
ReportReport
Posted on by 46

I have a scrollable screen thats split into 2/3 data cards referencing different steps of a process. I want a dynamic progress bar that basically, when the user reaches the 2nd, the progress bar updates "Step 2" as in progress and "Step 1" as complete. And so on. Im not sure if theres any way i can reference a user's current position/view of the scrollable screen to make this work. Or if theres any other ideas

Categories:
I have the same question (0)
  • cha_cha Profile Picture
    4,932 Moderator on at

    Hello @Pasta_K 

     

    Create 3 variable that can store numbers. let's name it varStage1, varStage2, VarStage3

    On App Start:

    Set(varStage1,0);
    Set(varStage2,0);
    Set(varStage3,0);

     

    Then if on DataCard1, he changes the value, on that control's OnChange or OnSelect property, you can do is

    Set(varStage1,1)

    Then if on DataCard2, he changes the value, on that control's OnChange code to:

    Set(varStage2,1)

     Then if on DataCard3, he changes the value, on that control's OnChange code to:

    Set(varStage3,1)

     

    Then on your progress bar just make the width like this, and color it green.

    IfError(Parent.Width/(varStage1+varStage2+varStage3)*100,0)

     


      ✔️
    Just in case my response helped you solve your problem, please mark/accept this as a SOLUTION This helps community members if they experience a similar issue in the future.

     

      🔗
    🕸bistek.space  🐦 @cha_bistek  📺 @BisTekSpace 
  • Pasta_K Profile Picture
    46 on at

    hello! thank you for your suggestion. Theoretically it should work but the tricky part is that the users arent required to interact with some cards. It would be amazing if there was an onVisible function for the cards.

  • cha_cha Profile Picture
    4,932 Moderator on at

    Can you share what your screen looks like? just blur whatever needs to be blurred, want to see the layout to think of some alternatives. Is it just a form? or a gallery?

  • Pasta_K Profile Picture
    46 on at

    ill do the screenshot as soon as i can! but yeah theyre just forms but since scrollable screens cant support forms i put them in containers first then the container in the datacards of those scrollable screens. The scrollable screen is on the left side and i have a static summary/progress screen on the right side of the screen where i intend to have this dynamic progress bar. 

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Vish WR Profile Picture

Vish WR 915

#2
Valantis Profile Picture

Valantis 571

#3
11manish Profile Picture

11manish 457

Last 30 days Overall leaderboard