Reading Progress Indicator in SVG, CSS & jQuery | CodyHouse

記事をどこまで読んだか、SVGとCSSでより分かりやすくしたサンプル
記事をスクロールすると、円形のプログレスバーが進んで、デザイン的にもカッコよく、分かりやすくするインジケータを実装しています。
シンプルなプログレスバーでもいいですが、記事がかなり長文等の場合はこういうゲージがあるとわかりやすそうです


関連エントリ

• ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」
• サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」
• アニメーションするプログレスバーを実装できるjQueryプラグイン「barIndicator」
• アニメーションするPOPなデザインのプログレスバー実装jQueryプラグイン「jQMeter」
• ページのスクロールに応じて伸びるプログレスバーUI実装「scrollgress」