Bonjour a tous et toutes.
j'ai mis sur pied un progress bar
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div class="progress">
					         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
								<span class="sr-only">60% effectué</span>
												</div>
											</div>
j'ai une function java script qui doit faire une boucle sur un nombre de numero connu et je souhaite mettre a jour la le progress bar en fonction de cette boucle.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function envoyer_message_groupe(){
 
		// insertion dans le detail des transactions
		var xhr = getXhr()
 
		var sender_id=document.getElementById('sender_id').value;
		var destinataire=document.getElementById('destinataire').value;
		var message=document.getElementById('message').value;
		// On défini ce qu'on va faire quand on aura la réponse
 
		xhr.open("POST","../ss/envoyer_message_simple.php",true);
 
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // permet l'encodage des POST
 
		// boucle sur la liste des numero
		var chaine=document.getElementById('contact_lies').value;
		var reg=new RegExp("[;]");
		// document.write("Chaîne d'origine : " + chaine + "<BR>");
		var tableau=chaine.split(reg);
		for (var i=0; i<tableau.length-1; i++) {
		alert(tableau[i]);
 
		/*
 
		xhr.send("&sender_id=" + sender_id + "&destinataire=" + destinataire + "&message=" + message); // On définit les variables et leurs valeurs
 
		xhr.onreadystatechange = function(){
 
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
			if(xhr.readyState == 4 && xhr.status == 200){
				// verifions si l'une des ligne a echoué 
				alert(xhr.responseText);
				}
			*/
		}
 
}
mon probleme est que je n'arrive pas a mettre a jour le chargement du progress bar dans ma boucle for car normalement on doit avoir un truc du genre
width=i*100/nombre_total (%)
a chaque fois que i s’incrémente le progress bar va se chargé et lorsqu'on aurait atteint le nombre maximal width sera à 100%.
Merci de votre aide.