Add progressbar during application loading

[adilTAG]

Hi everybody,

My application spends more then 5s before that the login page appears, and I want to add a progressbar that appears during consumed time, how I can do this in ExtJS 4.x ?
If it isn't possible, so how to to add a simple load mask ?

Thanks in advance.

[arthurakay]

Adding a mask is really easy.
- http://docs.sencha.com/ext-js/4-0/#!/api/Ext.Element-method-mask

As soon as possible (before your app launches) try to grab the HTML body (or whatever element is appropriate) and wrap it as an Ext.Element. Then call mask().

It's easy to then unmask later.

[adilTAG]

Thanks arthurakay for your reply, can you share a sample of code, I mean specially where I can put the mask() to start the mask and where I can put the unmask() to to stop the mask ?