Imagen cargando, mientras se realiza el informe

[Adriangd7]

Hola a todos!!
Al realizar unos informes de Excel tarda unos 5 minutos aproximadamente, ya que la base de datos tiene bastantes registros.
Me gustaria en esos 5 min aproximadamente que tarda poner una imagen de cargando, o un texto, pero la verdad que no tengo mucha idea de como hacerlo.
Espero haberme explicado bien.
Un saludo y gracias

[mc_quake]

pon esto en el head

Código HTML:

#preloader{
        margin:10px;
        width:220px;
        height:19px;
        padding:0;
        float:left;
}
</style>
<script language = "javascript">
var peticion = false; 
if (window.XMLHttpRequest) {
      peticion = new XMLHttpRequest();
      } else if (window.ActiveXObject) {
            peticion = new ActiveXObject("Msxml2.XMLHTTP");
}


function ObtenerDatos(datos,divID) { 
if(peticion) {
     var obj = document.getElementById(divID); 
     peticion.open("GET", datos); 
     peticion.onreadystatechange = function()  { 
	 
	 if(peticion.readyState==1){
                        //preloader.innerHTML = "Cargando...";
                        //modificamos el estilo de la div, mostrando una imagen de fondo
                        preloader.style.background = "url('loading.gif') no-repeat"; 
                }else if(peticion.readyState==4){
                        if(peticion.status==200){
                                //mostramos los datos dentro de la div
                                obj.innerHTML = peticion.responseText;
                                preloader.innerHTML = "";
                                preloader.style.background = "url('') no-repeat";
                        }else if(peticion.status==404){
                                preloader.innerHTML = "La página no existe";
                        }else{
                                //mostramos el posible error
                                preloader.innerHTML = "Error:".peticion.status; 
                        }
                }

          //if (peticion.readyState == 4) { 
           //    obj.innerHTML = peticion.responseText; 
          //} 
     } 
peticion.send(null); 
}
}

y en el contenido de preferencia al final del codigo poner este

Código HTML:

<div id="preloader" STYLE="position:absolute; top:26px; left:365px;">Este es el preloader</div> 

con esto das la posisicon:STYLE="position:absolute; top:26px; left:365px;"

la imagen de cargando en el codigo javascrip cambiar ruta y tener una imagen: "url('loading.gif')