読んだぶんだけ、
上の線が伸びる。
枠の中をスクロールすると、上の線が伸びます。

あわせて引く

スクロール進捗バー

Scroll Progress Bar

ふだんの言い方読んだぶんだけ伸びる線上の細い線読了バー

ページをどこまで読んだかを、上端の線の長さで示すバー。

見分けるポイント

  • 画面の上端に、細い線を固定する
  • スクロールに合わせて、左から右へ伸びる
  • 長い記事で、残りの長さの目安になる

AIへの伝え方

変更する場所:記事ページの上端。 記事ページの上端に、スクロール進捗バーを付けてください。高さ3pxの濃紺の線を画面の上端に固定し、ページを読み進めた割合に合わせて左から右へ伸ばしてください。記事の最後まで読んだら、ちょうど右端に届くようにしてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「動き」の言葉

触れたとき、現れるとき、スクロールしたときの動き。

207語すべてを、見た目から引く