Create Responsive Progress Bar in SAPUI5

[atulsaini]

How can we create a responsive progress bar in SAPUI5 as shown?

We are getting the current step information from an odata service. Using that we need to create a responsive progress bar for display. This type of Progress Bar can be used for displaying delivery status to Customer in an UI5 app for his/her order placed.

[FlorianVogt]

Hi Atul,

I would recommend to have a look at the fiori design guidelines.

https://experience.sap.com/fiori-design-web/

Here you get a bunch of materials which use cases can be implemented by which UI elements.

If you only wanna display progress data, I would recommend the

https://experience.sap.com/fiori-design-web/progress-indicator/

This design is implemented in the https://sapui5.hana.ondemand.com/#/api/sap.m.ProgressIndicator

[Valeck]

You can try:

https://sapui5.hana.ondemand.com/#/entity/sap.m.ProgressIndicator

or

https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.commons.statusindicator.StatusIndicator

or

https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.BulletMicroChart/sample/sap.suite....