PrognRoll

JavaScript

スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

PrognRollはスクロールによるプログレスバーを表示することができるjQueryプラグインです。軽量で使い方もシンプルなので手軽に実装できるのがいいですね。オプションもいくつか用意されています。

PrognRoll

デモ

デモではスクロールしていくと、画面上部にどのくらい読み進めたかを示すプログレスバーが表示されます。コンテンツがあとどのくらいの量なのかを瞬時に把握できるので、長文による縦長ページなどと相性がよさそうですね。

また、オプションにはcolor、position、customといった項目が用意されています。positionには「top」か「bottom」を指定することが可能です。カラーも自分の好きな値を設定できるようになっています。

ファイル容量が軽量なところもうれしいポイントの一つです。

というわけで、スクロールによるプログレスバーを実装できるjQueryプラグイン「PrognRoll」のご紹介でした。

PrognRoll

関連記事

  1. no-image

    JavaScript

    レスポンシブ対応のシンプルなLightboxプラグイン

    レスポンシブに対応したシンプルなLightboxプラグインを紹介します…

  2. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

  3. Bootstrap Mobile FullScreen Modal
  4. Clock Timepicker Plugin for jQuery
  5. Shine

    JavaScript

    ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

    ShineというJavaScriptライブラリが素敵だったのでメモがて…

  6. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2013年上半期に紹介したjQueryプラグイン50選まとめ

    気づいたらあっという間に2013年上半期が終わってしまいましたね。とい…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP