Rafraichir une barre de progression
Bonjour à tous,
Je souhaite intégrer une barre de progression à mon site.
J'utilise pour cela la barre bootstrap.
Cependant, la démo ne dit pas tout et c'est bien normal.
Mais comment rafraichir la DIV lorsque qu'il faut utiliser un script php ?
Voici le code javascript que j'ai récupéré d'un exemple:
Code:
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
| <script type="text/javascript">
$(document).ready(function(){
var progresspump = setInterval(function(){
/* query the completion percentage from the server */
$.get("test.php", function(data){
/* update the progress bar width */
$("#progress").css('width',data+'%');
/* and display the numeric value */
$("#progress").html(data+'%');
/* test to see if the job has completed */
if(data > 99.999) {
clearInterval(progresspump);
$("#progressouter").removeClass("active");
$("#progress").html("Done");
}
})
}, 1000);});
</script>
</head>
<body>
<div class="progress progress-striped active" id="progressouter">
<div class="bar" id="progress"></div>
</div> |
L'attribut $.get récupère mon fichier test.php que voici:
Code:
1
2
3
4
5
6
7
| $listbiker = $connexion->query("SELECT * FROM gghf_table ");
$row = $listbiker->rowcount();
$data = $listbiker->fetch(PDO::FETCH_OBJ);
for($i = 0 ; $i < $row; $i++ ) {
echo $i;
} |
Mon code php est un simple exemple pour tenter comprendre le principe.
Dans ce cas la barre de progression affiche la suite 12345678....
Comment faire pour qu'elle s'affiche une progression colorée ?
Merci pour votre aide ;)
