PrognRollはスクロールによるプログレスバーを表示することができるjQueryプラグインです。軽量で使い方もシンプルなので手軽に実装できるのがいいですね。オプションもいくつか用意されています。
PrognRoll
以下、PrognRollの実際のデモページです。
デモではスクロールしていくと、画面上部にどのくらい読み進めたかを示すプログレスバーが表示されます。コンテンツがあとどのくらいの量なのかを瞬時に把握できるので、長文による縦長ページなどと相性がよさそうですね。
また、オプションにはcolor、position、customといった項目が用意されています。positionには「top」か「bottom」を指定することが可能です。カラーも自分の好きな値を設定できるようになっています。
ファイル容量が軽量なところもうれしいポイントの一つです。
というわけで、スクロールによるプログレスバーを実装できるjQueryプラグイン「PrognRoll」のご紹介でした。
PrognRollのダウンロードや詳しい実装方法は以下からどうぞ。
