<div>
Hi,<br />
here we go:<br />
<a href="http://www.jqueryscript.net/loading/Simple-jQuery-Loading-Spinner-Overlay-Plugin-Loader.html" rel="ugc">http://www.jqueryscript.net/loading/Simple-jQuery-Loading-Spinner-Overlay-Plugin-Loader.html</a><br />
Or the jQuery UI component offer the ProgressBar addon:<br />
<a href="http://jqueryui.com/progressbar/" rel="ugc">http://jqueryui.com/progressbar/</a><br />
<br />
HTH<br />
Rainer
</div>


Hi,
here we go:
http://www.jqueryscript.net/loading/Simple-jQuery-Loading-Spinner-Overlay-Plugin-Loader.html [http://www.jqueryscript.net/loading/Simple-jQuery-Loading-Spinner-Overlay-Plugin-Loader.html]
Or the jQuery UI component offer the ProgressBar addon:
http://jqueryui.com/progressbar/ [http://jqueryui.com/progressbar/]

HTH
Rainer

<div>
@Ranier, I was more interested in an progress bar that appears during the white screen between pages loading.
</div>


@Ranier, I was more interested in an progress bar that appears during the white screen between pages loading.

<div>
@rainer<br />
Do you think there is a way to run this as the page un- loads?
</div>


@rainer
Do you think there is a way to run this as the page un- loads?

<div>
Hi,<br />
sure - but does this really make sense?<br />
Page unload normally means that the browser window / tab is closed or the user navigate further.<br />
<br />

<pre><code id="code-20-40675025-1">$(window).unload(function() {
	$(&quot;.loader&quot;).show().fadeOut(&quot;slow&quot;);
})</code></pre>
<br />
HTH<br />
Rainer
</div>


Hi,
sure - but does this really make sense?
Page unload normally means that the browser window / tab is closed or the user navigate further.



$(window).unload(function() {
	$(".loader").show().fadeOut("slow");
})


HTH
Rainer

<div>
@rainer. &nbsp;On my page there is an &quot;Update&quot; button that causes the page to re-fresh. &nbsp;There is a lot of content and JS that the page must go through before it does. &nbsp;During which is a White Screen. &nbsp;I'm trying to &quot;soften&quot; this experience.
</div>


@rainer.  On my page there is an "Update" button that causes the page to re-fresh.  There is a lot of content and JS that the page must go through before it does.  During which is a White Screen.  I'm trying to "soften" this experience.

<div>
Here is an example that you can adapt<br />
<a href="http://smallenvelop.com/display-loading-icon-page-loads-completely/" rel="ugc">http://smallenvelop.com/display-loading-icon-page-loads-completely/</a>
</div>


Here is an example that you can adapt
http://smallenvelop.com/display-loading-icon-page-loads-completely/ [http://smallenvelop.com/display-loading-icon-page-loads-completely/]

<div>
<div class="content wysiwyg-content">
This is probably a simple question. &nbsp;Is there a jQuery Plugin that will display a simple graphic while a page is busy loading?
</div>
</div>


This is probably a simple question.  Is there a jQuery Plugin that will display a simple graphic while a page is busy loading?

jQuery

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.