ジャバスクリプトベースのプログレスバー

Question

私は好奇心どのように（またはもjqueryの恩恵を受けて）Javascriptをベースとすることができます進行状況インジケータなどを開発することができます：

http://img707.imageshack.us/img707/3295/dealindicator .PNGする

私の最初のアイデアは、次のようなものです

function drawBar(total,sofar){
.........................

}

それが最大数（私たちの場合は20）とSOFAR（写真15）を消費ところます。

しかし、どのようにそれを実装することができますか？

これを達成するための任意のjQueryのベースのプラグインはありますか？

よろしく

Answer 1

これは通常、あなたのプログレスバーの合計サイズdivを作成し、その後、充填されるべきどのくらいのニーズの割合の幅を持っていることの他divの子を持つことで、CSSを使って行われます。

あなたが望むとにかくdivsのスタイルを設定することができます。あなたはおそらくbackground-color、またはbackground-image＆background-repeatと、内側のdivのスタイルにしたいです。それはかなり人気があるようですソリッドカラー、グラデーション、または帯状のパターン、することができます。

あなたはjQueryのプラグインをGoogle'dことがありますか？彼らを見つけることは非常に簡単です。ここでは例えば一つだ： http://t.wits.sg/jquery-progress-bar/ の