ウェブアプリ

AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」


操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10%増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。

詳細は以下から。
WebAppers Simple Ajax Progress Bar with CSS by WebAppers

ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。

Demo
http://www.webappers.com/progressBar/

実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。

この記事のタイトルとURLをコピーする

・関連記事
AJAXロード時のアニメーションGIFを作成する「Ajaxload」 - GIGAZINE

知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE

AJAXの速度をアップする方法 - GIGAZINE

AJAXを使ったファイルアップローダ「Uber Uploader」 - GIGAZINE

クリックするだけで編集可能な「Easy AJAX Inline Text Edit」 - GIGAZINE

Wordと互換性のあるAjaxワープロ「ajaxWrite」 - GIGAZINE

ドラッグ&ドロップできるAJAXフォルダツリー - GIGAZINE

AJAXで配色を決める無料サービス「Accessibility Color Wheel」 - GIGAZINE

SunがAJAXのリソースを集めたサイトを開設 - GIGAZINE

AJAXでリアルタイムでサイト上に何人いるか表示する「Real Time Online Counter」 - GIGAZINE

AJAXをフルに使用したブログシステム「AJAXPress」 - GIGAZINE

数秒でAJAXによる辞書引きができる「Dictionary .hm」 - GIGAZINE

DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」 - GIGAZINE

オーバーレイ効果を作り出す軽量スクリプト「iBox」 - GIGAZINE

in ネットサービス, Posted by darkhorse

You can read the machine translated English article here.