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')