realizzare ajax preloader come gmail

[oronze]

salve, come posso realizzare un preloader come gmail in ajax? cioè...c'è un modo per sapere quanti dati sono stati scaricati e quanti devono ancora essere recuperati? io uso questa classe che mi sono creato:

function Ajax(){
var XMLHTTP;
try{ XMLHTTP=new XMLHttpRequest();}// Firefox, Opera 8.0+, Safari
catch (e){
    try{XMLHTTP=new ActiveXObject("Msxml2.XMLHTTP");} // Internet Explorer
    catch (e){
        try{XMLHTTP=new ActiveXObject("Microsoft.XMLHTTP");}
        catch (e){}
    }
}
var metodo;
var dove;
var url;

    function richiedi(){
    if (XMLHTTP.readyState == 3){
        //credo che vada qui il codice che mi serve
    }
    if (XMLHTTP.readyState == 4){
        if(dove) dove.innerHTML = XMLHTTP.responseText;
        alert(XMLHTTP.responseText);
    }

    }

    this.load = function(a,p,m,i){//address, position, method, img
        //devo ancora implementare questo metodo
    }
    this.execute = function(a, m, p){//addres, method, post_vars
    if(!a){
        alert("Se non definisci un indirizzo a cosa fai la richiesta????")
        return;
    }else{url = a;}
    if(!m || m!="POST") metodo = "GET";
    else metodo = "POST";
    
        XMLHTTP.onreadystatechange = richiedi;
        XMLHTTP.open(metodo, url, true);
        XMLHTTP.setRequestHeader("connection", "close");
        if(metodo == "POST" && p && p.length > 2){
            XMLHTTP.setRequestHeader("content-type", "application/x-www-form-urlencoded");
            XMLHTTP.send(p);
        }
        else {
            XMLHTTP.send(null);
        }

    }
    
}