スケジュールの進行状況アプリに使えそうな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 =赤
0%の配置によってパーセント棒を空けなさいemptyProgress(elementId)
Empty the Percentage Bar by setting 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
新ブログ:ITクオリティもよろしく。
スポンサード リンク
![]() |
![]() |
![]() |

» Photoshopちょいテク『惑星を作ってみよう』+360度パノラマ画像も作れるように
» 最近、ブログを書いている途中に筆が止まる理由がわかった気がする
» ブログエントリ別に見る『注目度10の法則』
» 天才という言葉は、生きている人にいう言葉じゃない気がする
» まるでphotoshop!JavaScriptで実装するクールなカラーピッカー[prototype.js]
» 今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』
» FLASHサイト作成インスピレーションの参考になるflashサイト7つ
» あの時、何気なく吸い始めた一本のタバコの値段が900万だと知ったとき
» jQueryサンプル公開後の反省会。みなさんからのアドバイスを5本サンプル化
» [追記]数百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxアドオン
» プロとアマの違いってぶっちゃけたったひとつ
» 一晩で覚えるjQueryの逆引き基礎サンプル7つ
» あなたは大丈夫?知らず知らずのうちに感じている10のパソコンストレス
» よごれた感じのフォトショップチュートリアルとブラシ
» 第2回web開発者インタビュー。マチウケメール便開発者『開発環境はeclipseです!』
Comment












Safariでは使えないようです
Safariでは、上手く使えないようですね。ボタンを押しても、%が変な数値になって、バーは動きません。