Loading Header while Scrolling

スクロール中に読んだ量をひと目で簡単に分かるプログレスバー実装デモ。
縦にスクロールすると上部のバーが横に伸びて、大体どこまで読んだかが分かりやすく把握できます



単に流行りのバー形式を真似するだけでなく、ヘッダーのバーをプログレスバーに見立てたサンプルも。



ロゴを徐々に切り替えていく風なサンプルもあって楽しい。



関連エントリ

• スクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」
• フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」
• フォーム入力の進捗をプログレスバーで表示できる「Fort」
• スクロールに合わせてプログレスバーを表示して進捗を分かりやすくする「Scrolling Progress Bar」