Comments on: How to create a stylish loading bar as Gmail in javascript

By: Luke

Luke — Wed, 03 Aug 2011 11:33:27 +0000

Very nice Script!
We use it on http://www.nehemedia.de to preload a bunch of large images before displaying them.
Therefore I added some functions (addImage(); imageLoaded(); and so on..) to your script.
It still needs some enhancements but works just fine right now You helped me a lot by this script! Thanks!

Greetings from Germany

By: sathishkumar

sathishkumar — Tue, 17 May 2011 17:07:04 +0000

Very good tutorial.But what about the other type of file like css, images, page text, etc…

By: ryan

ryan — Sat, 09 Apr 2011 12:23:37 +0000

Hi,
Thanks for the great tutorial,but i am a bit confused about the setTimeout(“myBar.loaded(‘jsfile1.js’)”, 500); part. Do i need to put this code at the end of my code in that file eg. suppose jsfile1.js contain

var ni = document.getElementById(‘myDiv’);
var numi = document.getElementById(‘theValue’);
var num = (document.getElementById(‘theValue’).value -1)+ 2;
numi.value = num;
var newdiv = document.createElement(‘div’);
var divIdName = “my”+num+”Div”;
newdiv.setAttribute(“id”,divIdName);
newdiv.innerHTML = “”;
ni.appendChild(newdiv);

so do I need to put setTimeout(“myBar.loaded(‘jsfile1.js’)”, 500); at the end of that code or beginning?.

Thanks

By: Create a Stylish page loading bar like GMail using jQuery | Ajaxdump

Create a Stylish page loading bar like GMail using jQuery | Ajaxdump — Fri, 01 Apr 2011 05:47:49 +0000

[...] Resource: Sample | Tutorial [...]

By: Create a Stylish page loading bar like GMail using jQuery | Ajaxdump

Create a Stylish page loading bar like GMail using jQuery | Ajaxdump — Fri, 01 Apr 2011 05:47:49 +0000

[...] Resource: Sample | Tutorial [...]

By: Create a Stylish page loading bar like GMail using jQuery | Ajaxdump

Create a Stylish page loading bar like GMail using jQuery | Ajaxdump — Fri, 01 Apr 2011 05:47:49 +0000

[...] Resource: Sample | Tutorial [...]

By: astaza games

astaza games — Sun, 13 Mar 2011 00:02:48 +0000

it’s so nice style but olny work with ff not ie
any way thank you

By: Nick

Nick — Tue, 08 Feb 2011 20:46:09 +0000

Instead of naming writing all the tags like this..

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, .. { }

I think you can just do:

* { }

By: elpedro

elpedro — Thu, 17 Sep 2009 13:56:59 +0000

Really nice coding here, keep up the good work!

By: CTHAELE

CTHAELE — Wed, 02 Sep 2009 08:06:21 +0000

Hi,

has anybody any idea why the “loading bar” script doesn’t work here:
http://www.cthaele.de/jquery_labs/

Thanks, for helping!