web-dev-qa-db-ja.com

jQueryでプログレスバーを表示するにはどうすればよいですか？

リクエストが処理されていることをユーザーに伝えるだけです。

[〜＃〜]編集[〜＃〜]：

私は自分自身にイメージを見つけました。

alt text
（出典： maishudi.com ）

ページ全体の中央に表示するにはどうすればよいですか？

jqueryprogress-bar
10
omg

プログレスバー

jQueryプログレスバー

プログレスバーとコントロール

20
rahul

http://plugins.jquery.com/project/jQueryProgressBar

$(document).ready(function() {
$("#pb1").progressBar();
$("#pb2").progressBar({ barImage: 'images/progressbg_yellow.gif'} );
$("#pb3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} );
$("#pb4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} );
$(".pb5").progressBar({ max: 2000, textFormat: 'fraction', callback: function(data) { if (data.running_value == data.value) { alert("Callback example: Target reached!"); } }} );
$("#uploadprogressbar").progressBar();
});

または

http://docs.jquery.com/UI/Progressbar

$("#progressbar").progressbar({ value: 37 });
7
Natrium

Twitsのヒント から1つを使用できます。 これがデモです 。

4
Kirtan