スケジュールの進行状況アプリに使えそうなAjax

ダウンロード

デモページとダウンロードページは同じです。



なお、配布元はwebappers.comさんです。

私達がウェブサイトを作成するとき、たまに進行棒を必要とする場合がある。ただし、Flashを使用しないで、Ajaxによるパーセント棒を作成した。

興味のある方はお試しあれ。

参考までに上記サイトで書かれているヘルプ

display(elementId, percentage, colorCode)
Display the Percentage Bar
int colorCode: 1 = Green
int colorCode: 2 = Yellow
int colorCode: 3 = Orange
int colorCode: 4 = Red

パーセント棒を表示しなさい
intのcolorCode: 1 =緑
intのcolorCode: 2 =黄色
intのcolorCode: 3 =オレンジ
intのcolorCode: 4 =赤

emptyProgress(elementId)
Empty the Percentage Bar by setting 0%

0%の配置によってパーセント棒を空けなさい

plus(elementId, percentage)
Increment the Percentage Bar by the specified percentage

指定パーセントによってパーセント棒の増加量

minus(elementId, percentage)
Decrement the Percentage Bar by the specified percentage

指定パーセントによってパーセント棒の減少率を決めなさい

setProgress(elementId, percentage)
Set the Percentage Bar with the specified percentage

指定パーセントのパーセント棒の設定

fillProgress(elementId, percentage)
Fill up the Percentage Bar with the specified percentage

指定パーセントでフルパーセントの値を設定してください