ページ読み込み時に画面上部にプログレスバーを表示する「Skylo」

no-image

Skyloはページ読み込み時にプログレスバーを画面上部に表示できるのが特徴です。プログレスバーがあることで、あとどのくらいでページが読み込まれるかが瞬時に分かるのでとても便利ですね。Twitter Bootstrapを使用しています。

Skylo

デモ

DEMOと書かれたボタンをクリックすると、画面上部にプログレスバーが表示されます。左から右へ徐々にバーが伸びていくのを確認できるかと思います。

ページがしっかり読み込まれているかどうかを簡単に知ることができるのはユーザーにとっては安心ですね。

オプションにはstate、inchSpeed、initialBurst、flatといった項目が用意されています。デフォルト値は、stateが'info'、inchSpeedが200、initialBurstが5、flatがfalseです。

また、メソッドにはstart、end、set(width)、get、inch、show(callback)、removeがあります。

というわけで、ページ読み込み時にシンプルなプログレスバーを画面上部に表示させたい人は、ぜひ「Skylo」を活用されてみてはいかがでしょうか?

Skylo

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives