How to use Progress Indicators in Model Driven Apps?

Tamilarasu Arunachalam
2 min readAug 26, 2023

--

Photo by Markus Spiske on Unsplash

In Model Driven Apps, we can place a progress indicator at any event using JavaScript. Some people call it loader. In Power Apps it is termed as progress Indicator. The progress indicator will block the screen until it is closed. We can show the progress indicator using the below piece of code.

Xrm.Utility.showProgressIndicator(“your message”);

We can close the progress indicator using the below code.

Xrm.Utility.closeProgressIndicator();

In this article, I have a web resource containing script for showing and closing the progress indicator for a real-time scenario. The code is placed on the on-load event of accounts main form, and it will the set the value for the fax field behind the progress indicator.

And below is the code snippet used in the JavaScript web resource used to demonstrate the same.

The progress indicator will show for 3 seconds, and it gets closed after every on-load.

Have a great day!

References:

showProgressIndicator

closeProgressIndicator

Originally published at https://www.tamilarasu.me on August 26, 2023.

--

--

Tamilarasu Arunachalam

A Software Engineer with experience in developing applications out of Power Platform, majorly on Power Apps and Power Automate. I am a seasonal blogger too.