スマホのブラウザやYoutubeの動画のページなどで、 ページの上にロードの状況を知らせるバーを見かけます。 画像が多いなど、ページ全体のファイル容量が大きくなってくると、 ページの読み込みが完了するまでに少し時間がかかってしまうことがあります。 サイトを軽くするのが一番適切ですが、 それが難しい場合、このローディングのバーがあると、読み込み状況を知ることができて、 少しだけですが、不安が軽減されます。 スマホでWEBページを見るときはデフォルトのブラウザにこの表示があるので何もする必要はありませんが、 PCでも同様に表示したい時もあるかもしれません。 味の明太子 博多中洲いとや また、↑こちらのサイトのようにローディングバーをデザインの一部に取り込んでしまうのも面白いと思います。 今回は、こちらのサイトも参考に、このトップのローディングバーをjQueryを使って作ってみました。
![jQueryでページ上に表示されるローディングのバーを作ってみる | スターフィールド株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/f250650ddd8f21c309f9b017f167342823d95787/height=288;version=1;width=512/http%3A%2F%2Fsterfield.co.jp%2Fadmin%2Fwp-content%2Fuploads%2F2015%2F05%2Fnino-eye.jpg)