Displaying "Loading...." + image between pages

You'd most likely need to google some JavaScript tool or plugin to do this for you since it's all front end effects.

One thing to ask for this, is why the page is loading slow and needs the loader? Can you reduce this in any way?

If not then you can use CSS3 to do most of the work e.g. Progress bars This will also help you CSS Loader

For the text with the icon, hopefully you can use the CSS ::after selector

I vote for Ilesh's answer, makes more sense IMHO.

Ilesh, I think sometimes you need to show it for a better UX and not necessarily the page is slow.

1. You can keep a div showing the loading... text and set it's visibility to block.
2. You can then use jQuery(document).ready(){} block an put your logic to hide an icon here. It would simply be jQuery('#loading-div').hide()

No need of such complex code

My $0.02

I disagree Chetan. If your page is processing and loading in less than a second or even a half of a second, JavaScript will never kick in and if it does, it will only slow the ability for the viewer to see the page content.

Llesh and Brenden, when you are dealing with large data, you need to inform the user about the background processing. with the latest technologies, ofcourse the whole process is optimized to the maximum performance and reviewed and tuned over the time. Even Kentico has a "Loading..." image showing up for all the design time tasks!!!! Hope you guys understand the practical problems we encounter in complicated business area. Chetan, Thanks for your idea. I am planning to add the javascript to the master page to dealt with any slow processing page transfer.

So your comment Murugesan adds more perspective to the picture now. Knowing you're loading large amounts of data, I'd suggest using some sort of notification as suggested in the previous posts. For a site where large data and large amounts of processing is not happening, it just does not make sense. Kentico has these notifications simply because of the processing that is going on in the background (similar to your large amount of data scenario). I'm not saying they are not needed, just use them in scenarios when they are definitely needed and not because you can.