var  percent = 60,
	 timePeriod = 30;

function getBar() {
 	var retBar = '';
 	for(i = 0; i < percent; i++) {
		  retBar += "|";
	 }
	 return retBar;
}

function progressBar() {
	if(document.getElementById('bar_preloader')){ 
	  if(percent < 100) {
		percent = percent + 1
		document.getElementById('bar_preloader').value = " Chargement  en cours : " + percent + "%" + " " + getBar();
		setTimeout ("progressBar()", timePeriod);
	  } else {
		
	    // preloader contents
		  document.getElementById('bar_preloader').style.display = "none";//input
		  document.getElementById('img_preloader').style.display = "none";//image
		//EOF  preloader contents  
		// Body contents
				 document.getElementById('main_container').style.visibility = "visible";
		
	  }
	}
}

progressBar();