Discussion :

[jux]

Bonjour,

Avec un $.each je boucle sur un tableau JS et mets à jour une barre de progression :
HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="progress progress-striped progress-success active" id="progress_bar">
    <div class="bar" id="bar"></div>
</div>

JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var nb = myArray.length;
$.each(myArray, function( index, value ) {
        status=appelAjax(value);
        //...
	$( "#bar" ).width(getValueProgressBar(nb, index+1)+'%');
        //getValueProgressBar renvoie le pourcentage
});

Ce code fonctionne bien sur Firefox mais sur Chrome la barre de progression ne change pas.
Quand je mets par exemple un $( "#bar" ).width('56%'); avant ou après le each la barre de progression fonctionne bien sous Chrome.
Le each bloque la mise à jour du dom.
Des recherches google m'ont montré qu'on peut utiliser load :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$("").load(function() {
});

Mais je ne vois pas comment l'utiliser, je suis bien bloqué
Merci pour votre aide