ステップバー

Stepper

複数の手順から成る工程で、完了・現在・未達の状態を横並びの目印で示す進行状況表示UI。

○ 使う場面

ステップインジケーター、プログレスステップ、ウィザードステップ、工程表示

「ステッパー」は英語のstep（歩み・段階）に由来し、決まった手順を一歩ずつ踏んで進む様子を指す語である。同じ語が数量を1刻みで増減させる入力部品（数値ステッパー）にも使われるため、文脈によって指すUIが異なる点に注意が必要である。

近縁種	違い・使い分け
増減ボタン	「ステッパー」という語は数量を1刻みで増減させる入力部品の数値ステッパーと、複数手順の現在位置を示す進行状況表示（ステップバー）という同名異義語であるため、数量の増減を扱いたいなら数値ステッパー、手順の進行を示したいならステップバーを使う。
パンくずリスト	パンくずリストが「来た道（いま自分がサイト階層のどこにいるか）」を示すのに対し、ステップバーは「これから進む道（決まった順序の手順のどこまで進んだか）」を示す点で対照的で、階層的なナビゲーションにステップバーを使うと本来自由に行き来できるはずの経路が一方向のフローに見えてしまう。

近縁種

違い・使い分け

「ステッパー」という語は数量を1刻みで増減させる入力部品の数値ステッパーと、複数手順の現在位置を示す進行状況表示（ステップバー）という同名異義語であるため、数量の増減を扱いたいなら数値ステッパー、手順の進行を示したいならステップバーを使う。

パンくずリストが「来た道（いま自分がサイト階層のどこにいるか）」を示すのに対し、ステップバーは「これから進む道（決まった順序の手順のどこまで進んだか）」を示す点で対照的で、階層的なナビゲーションにステップバーを使うと本来自由に行き来できるはずの経路が一方向のフローに見えてしまう。