[chrome] rendering lors de l'exécution d'un event

Salut,

J'ai l´event handler click suivant :

Code:

---

1 2 3 4 5 6 7 8

function evtHandler(ev) { calcul1(); affiche_resultat1(); calcul2(); affiche_resultat2(); calcul3(); affiche_resultat3(); }

---

* Les calculs font appel à la base de donnée (via requêtes sjax).
* Les affichages sont édulcorés : quand j'affiche un truc je mets un effet de fade par exemple.

Bon, et bien mon problème est que tout est calculé d'avance, et que seul le résultat final s'affiche.
Moi j'aimerais que lors de cette exécution qui peut durer quelques secondes, l'utilisateur voit s'afficher les résultats progressivement ...

Une idée ? Je sèche complètement :-(

a+

un autre moyen de voir le problème, c'est assez flagrant !

Avec la progressbar de html5 (

Code:

---

<progress id="progressBar" value="0" max="100"></progress>

---

) :

Code:

---

1 2 3 4 5 6 7 8 9

function bouton_click(ev) { progressBar.value = 0; alert(1); progressBar.value = 33; alert(2); progressBar.value = 66; alert(3); progressBar.value = 100; }

---

Au click, on voit alert 1, alert 2, alert 3, et EN SUITE, la progressbar passe de 0 à 100 direct ... aucune étape intermédiaire !