スクロールアニメーション
スクロール進捗バー
ページ上部のバーが読み進めた割合を示す。長い記事で残量がわかって安心。
プレビュー
プレビューは直接さわって試せます。
コード（コピーして使えます）
<div class="progress-bar"></div>
<div class="progress-body">
<p>上部のバーがスクロール量を示します。</p>
<div class="filler"></div>
<p>最後まで来るとバーが満タンに。</p>
</div>スクロールアニメーション
ページ上部のバーが読み進めた割合を示す。長い記事で残量がわかって安心。
プレビューは直接さわって試せます。
<div class="progress-bar"></div>
<div class="progress-body">
<p>上部のバーがスクロール量を示します。</p>
<div class="filler"></div>
<p>最後まで来るとバーが満タンに。</p>
</div>