ILB {
position:absolute;left:50%;top:50%;
}
#ILB_loading {
color:#ccc;
position:absolute;font-family:arial;font-size:10px;left:-50px;top:-18px;
}
#ILB_background {
background:#333;
position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;overflow:hidden;
}
#ILB_bar {
background: #ccc;
position:absolute;font-size:1px;width:0px;height:10px;overflow:hidden;
}
--------------------------------------------------------------------------------
library JS [crossbrowser resource] :
library/images_loading_bar.js
// =================================================================
// ===== images_loading_bar ====
// script written by Gerard Ferrandez - February 2005/January 2007
// http://www.dhteumeuleu.com
// =================================================================
var ILB_timeout = 0;
document.write('Loading...');
function ILB_loop(){
ILB_timeout++;
var m = 0;
for(var i = 0, n = document.images.length; i < n; i++) m += (document.images[i].complete)?1:0;
document.getElementById('ILB_bar').style.width = Math.round(m / n * 100) + 'px';
if (m == n || ILB_timeout > 156) setTimeout("document.getElementById('ILB').style.display='none';", 128);
else setTimeout(ILB_loop, 64);
}
ILB_loop();
--------------------------------------------------------------------------------
Elevage des Mines du Roi-Index
