Hi RC,

Here's the documentation on how to create a progressbar in a mobile app.

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Mobile_and_Reactive_Patterns/Numbers/Progress_Bar

In your second screenshot, it seems multiple progress bars configured. Just line them up in a single horizontal form, but keep them still as different progressbars between different icons.

Hi Radjawali,

You can use the Progress Bar from OutSystems UI to achieve this.

First add the Progress Bar to your references:

Then add the Progress Bar widget to the screen and fill the input accordingly:

Take into account that the progress needs to be a value from 0 to 100, hence I multiplied by 100 in my example.

Kind Regards,
João