Progress bar qui ne marche pas

salut les amis,

je suis novice en ajax et jquery UI, j'aimerais faire un progress bar en fonction du pourcentage que je calcule dans mon fichier php, hélas j'arrive pas à le faire, quelqu'un pourrait t'il m'aider SVP :aie:

voici le code jquery que j'ai mis:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$(function() {
    $('#barre').progressbar({
        value : 0 
    });
 
    $('#sub').click(function(){
        function ajax(){
			$.ajax({
				url : "ajax.php",
				progress : function(data){
					$('#barre').progressbar('option', 'value', data);
				}
				});
 
        }
 
		setInterval(function(){ajax()}, 1);
    });
});

Mon fichier ajax.php:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<?php
        $courant = 0;
        $pourcentage = 0;
        for($i=500; $i<10000; $i++){
                $courant++;
                $pourcentage = ($courant * $i)/100;
                echo $pourcentage;
        }
 
?>

Merci d'avance :)