[ajax jquery] Barre de progression avec pourcentage

Connaître le transfert des éléments est assez compliqué, mais connaître les processus par lesquelles passe la requête, c'est possible en consultant l'objet xhr avec sa méthode onreadystatechange.
Exemple:

xhr.onreadystatechange = function() 
{
        if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
            document.getElementById('ma_div_a_remplir').innerHTML = xhr.responseText; // Données textuelles récupérées
        }
        else{
            document.getElementById('ma_div_a_remplir').innerHTML = "Loading...";
	}
}

Le statut 4 de readyState signifie que la requête à été traité et que les résultats sont là.
Il existe aussi les statuts 1,2 et 3. Si tu joues avec eux tu as moyen de construire une barre de progression. C'est une solution parmi d'autres.
Modifié par Kikimagik (17 Dec 2012 - 02:30)