スクロール進捗インジケーター — 読書進捗バー

各ページの上部にスクロール進捗インジケーターがあります。8色、調整可能な太さ、タブごとに非表示にできます。最小限の読書進捗バーです。

📊 スクロール進捗インジケーター — 読書進捗バー 画面の上部にあるスクロール進捗インジケーターで、各ページでどれだけ読んだかを確認できます。 長い記事、ブログ投稿、またはドキュメントページを開くと、スクロールするにつれて読書進捗バーが満たされます。ページのどれだけ下まで来たかを気にする必要はありません — スクロールインジケーターが教えてくれます。 ✨ 機能 📍 任意のウェブページの上部または下部にスクロール進捗バー — あなたの読書スタイルに合った位置を選択できます。 🎨 カスタマイズ可能な進捗バーのための8つのカラープリセットとカスタムHEX値 — ブランド、テーマ、または気分に合わせて調整できます。 📏 スクロールインジケーターの厚さを調整可能 — ページに溶け込むミニマルな進捗バーのために薄くするか、目立つ太い読書バーのために厚くするか選べます。 🚫 タブごとの無効化でページ進捗バーを隠す — 特定のページでスクロールパーセンテージインジケーターを表示したくない場合は、オフに切り替えるとそのタブだけでバーが消えます。 📚 記事の読書進捗とブログの読書進捗を一目で確認 — 読書完了バーが長文コンテンツを移動する際のスクロール位置を示します。 ⚙️ カスタマイズ可能な設定は自動的に保存 — 色、厚さ、配置を一度設定すれば、ウェブページ進捗バーはブラウザセッションを通じてあなたの選択を記憶します。 🎯 対象ユーザー 📖 ニュースサイト、ブログ、Mediumの記事でスクロール位置インジケーターを求める長文読者。 🎓 ドキュメントや研究論文を読む学生 — ページ読書インジケーターが章のどれだけ進んでいるかを示します。 ✍️ 自分の記事のドラフトを見直す作家 — 読書トラッカーが長さを明確に把握させます。 🔍 長いページをスキャンする研究者 — 縦のスクロールインジケーターがスクロールトラッカーとして機能し、常に自分の位置を把握できます。 🛠️ 使い方 🔒 スクロール進捗Chrome拡張機能は、完全にローカルでデバイス上で動作します。データ収集なし。トラッキングサーバーなし。分析なし。 📐 ページのスクロール進捗は、スクロール位置をページ全体の高さに対して計算します — ウェブ上のすべてのミニマルな進捗バー参照サイトで使用される同じ数学です。 🎚️ ポップアップを開いてChrome進捗バーを調整します： — 8つのカラープリセットから選ぶか、カスタムHEX値を入力 — 上部または下部の配置を選択 — 厚さを1pxから8pxに設定 — 現在のタブのバーをオンまたはオフに切り替え 🚀 なぜこのスクロールインジケーターなのか ほとんどのスクロールバーChrome拡張機能はブラウザに負担をかけます。広範な権限を要求します。分析スクリプトを含みます。 このブラウザ進捗バーは軽量です： — 小さなコードフットプリント — バーを挿入するために必要な権限のみ — サードパーティスクリプトなし — テレメトリーなし — すべてのサイトで動作 ページ読書進捗インジケーターは日常のワークフローのために設計されています。一度インストールすれば、そこにあることを忘れ、スクロールするときに気づきます。 📝 使用例 📰 ニュース記事の読書 — 次のストーリーまでに残っている段落数を確認。 📖 MediumとSubstack — 読書バーが長いエッセイでの位置を示します。 📚 ドキュメント — エンジニアがドキュメントを読む際に、画面を離れずにページ完了インジケーターを得ます。 📑 長い単一ページの記事 — 長い作品を1ページとしてレンダリングするサイトでは、スクロール進捗バーが仮想ページ進捗バーとして機能します。 🔬 学術研究 — ページスクロール進捗が論文の残りの量を把握するのに役立ちます。 💡 ヒント — 読書進捗Chrome拡張機能をお気に入りのリーダーモードと組み合わせて、最もクリーンな体験を得ましょう。 — 最も訪問するサイトと対照的な色を使用 — 白いページにはダークグレー、ダークテーマにはライトブルー。 — 厚さを2pxまたは3pxに設定して、ほとんど目立たない感覚を得ましょう。 読書バーChrome拡張機能をインストールして、あらゆる読書ワークフローに合ったクリーンなウェブページ進捗バーを手に入れましょう。