一、描述，是什么

image.png
表示你在哪的位置指示器，引导用户按照流程完成任务的导航条

二、目标，为什么使用

  1. 可以看见完成任务所需步骤/或跳过步骤
  2. 让用户知道自己在哪里，估算还需要多少时间完成，是否继续
  3. 保持方向感

    三、痛点，常遇见什么问题

四、时机，什么时候使用

  1. 当设计的任务需要一页一页访问文档，处理或者向导，用户访问路径主要是线性时
  2. 当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。

注意：如果导航的拓扑结构很庞大并拥有层级关系时，可能需要的是面包屑结构

五、方案，如何使用

1、类型

分页器：支持跳转，前进后退

image.png

步骤条：一个一个check

image.png

2、分页器的样式类型

全展示
image.png

根据内容取部分
image.png

3、步骤条的样式类型

普通导航步骤
image.png

带进度条的
image.png

可点击的‘image.png