このサンプルは、jQuery UIのProgressbar()プラグインを利用して進捗グラフを表示します。ここでは、setInterval()関数を利用して1/100秒間隔でグラフを更新します。このサンプルは、進捗グラフ右下のハンドラ(三角形)をドラッグして進捗グラフをリサイズすることができます。
var p = 0;
function progress() {
p += 1;
if (p > 100) {
p = 0;
}
$('#progressbar').progressbar('option', 'value', p);
}
$(function() {
$('#progressbar').progressbar({ value: 0 });
$("#progressbarWrapper").resizable();
setInterval(progress, 100);
});