ステップナビゲーション（概要）｜デジタル庁デザインシステムβ版

一連の手続きを論理的なステップで提示して、完了までに必要な作業を俯瞰したり、進行状況を把握したりできるようにするコンポーネントです。ナビゲーションとして使用する場合もあります。

ユースケース

一連の手続きの流れを示すとき: 完了までに必要な作業を論理的なステップに分けて提示し、利用者が手続き全体の流れを把握できるようにします。申請や登録などが、複数の画面に分かれている場合に使用します。
手続きの現在位置や状態を示すとき: 現在どのステップにいるかや、完了、スキップ、エラーなどの状態を示し、利用者が完了までに必要な作業を把握できるようにします。

一時的な処理の待機状態にはプログレスインジケーターを使う: データの読み込みや処理の完了を待つ場合など、手続き全体ではなく一時的な処理中の状態を示す場合は、プログレスインジケーターを使用してください。
ページやコンテンツの前後移動にはページナビゲーションを使う: 順番に並んだページやコンテンツを前後に移動する場合は、ページナビゲーションを使用してください。