<html>
<head>
<title>cArleone</title>
<script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.0.custom.js"></script>
<link rel="stylesheet" href="demos.css" />
<link rel="stylesheet" href="jquery-ui-1.10.0.custom.min.css" />
<script type="text/javascript">
$(function() {
$(".yuklenme").progressbar({
max:100,//maxsimum boyutu
value:0,//o anki değeri
complete:function(){ alert("yükeleme tamam..."); }//yüklendiğinide olacak olaylar
});
$("#buton").click(function(){
yukle();//butona tıklanırsa yukleme fonksiyonu çağırılacak
})
});
function yukle(){//o anki değeri alıp 1 artırıp tekrar atayıp fonsiyonu tekrar çağırıyorum
var deger=$(".yuklenme").progressbar("value")+1;
$(".yuklenme").progressbar("value",deger);
setTimeout("yukle()",10)
}
</script>
<style type="text/css">
body{font-size:15px;}
.yuklenme{width:400px;height:30px;}
</style>
</head>
<body>
<button id="buton">yükle</button>
<div class="yuklenme"></div>
</body>