スクロール中に読んだ量をひと目で簡単に分かるプログレスバー実装デモ:phpspot開発日誌

Loading Header while Scrolling スクロール中に読んだ量をひと目で簡単に分かるプログレスバー実装デモ。 縦にスクロールすると上部のバーが横に伸びて、大体どこまで読んだかが分かりやすく把握できます 単に流行りのバー形式を真似するだけでなく、ヘッダーのバーをプログレスバーに見立てたサンプルも。 ロゴを徐々に切り替えていく風なサンプルもあって楽しい。 関連エントリ スクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」 フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」 フォーム入力の進捗をプログレスバーで表示できる「Fort」 スクロールに合わせてプログレスバーを表示して進捗を分かりやすくする「Scrolling Progress Bar」