今回のサンプルはページを非同期で読み込みをしたとき、「読み込み中」を表示する機能です。javascript(JQuery)で作成しています。使用用途として、smartphoneなどで、ページの一部を変更した時に、変更部分にロードバーを表示して使用する予定です。
非同期通信時のロードバー
使い方は、上部の「上の領域を変更する」をクリックしてください。今回のサンプルでは、サーバー上での処理を5秒間遅延するようにしています。
ソースコードは、以下のようになっています。もし良かったらダウンロードしてください。
tar形式でダウンロード
zip形式でダウンロード
(感想
)
作ったのは良かったのだけど・・・
使い方がかなり限定されそう。