步骤条
Steps
初级通用步骤条（Steps）是把一项分阶段完成的任务按顺序列出，并标明当前走到哪一步的导航组件。它帮你在填写、确认、提交等流程中看清进度和剩余环节，避免不知道下一步要做什么。
你可能会说：「我想让用户在填写资料、确认内容、完成提交时，一直看得出自己走到哪一步，还剩几步。」
动手看看报销申请的办理步骤
提交报销申请
填写资料
已完成
2
核对信息
进行中
3
提交申请
未开始
请核对后提交报销金额 ¥268.00 · 差旅交通费 · 已上传 2 张票据
当前进度
用下方的「当前进度」依次切换填写、确认和提交完成，看看勾选、数字和连接线怎样标出流程走到了哪里。
第一步变成勾选，表示资料已经填好；第二步高亮，提醒你现在要核对金额和票据，第三步仍未开始。
要点步骤条怎样帮用户走完流程？
- 1
先把任务拆成明确阶段
比如创建 AI 应用时，先填基本信息，再配置模型，最后确认发布。我们把这些阶段放进步骤条，用户就能预判后面还要做什么；每一步也要对应一个清楚的任务。
- 2
让当前状态一眼能看清
步骤条通常会区分已完成、当前和未开始的步骤。用户返回修改配置时，这些状态也要跟着更新，因为步骤条描述的是任务现在走到哪里，而不是页面最初怎么排列。
- 3
说清能否返回或跳步
有的流程允许点已完成的步骤回去修改，有的只能用“上一步”返回。你和 AI Agent 协作时，最好把这件事讲明白；否则它可能做出看着能点、实际却不能跳转的步骤。
容易混淆的地方
步骤条跟进度条都能传达进展，但步骤条关心的是“到了哪个阶段”，进度条更适合表达上传完成了多少。它也不像面包屑：面包屑告诉你当前页面在网站的哪一层，步骤条告诉你同一项任务还要经过哪些阶段。
什么时候用
适合用
- 做商家入驻流程时，用户要依次填写店铺资料、上传证明并确认提交，可以用步骤条说明整个过程。
- 做 AI 工具的创建向导时，用户需要配置数据源、模型和发布设置，可以用步骤条标出当前位置。
- 做订单结算流程时，地址、配送方式和付款信息分阶段填写，可以让用户看见后续环节。
不适合用
- 只是让用户在“概览”“成员”“设置”之间切换页面时，用标签页或导航菜单更合适；这不是一项要走完的任务。
- 上传大文件时，用户主要想知道传了多少，用进度条更合适；步骤条无法表达持续变化的上传比例。
- 展示产品从立项到上线的历史事件时，用时间轴更合适；这些事件不是用户现在要逐步完成的操作。
练一练选一个答案，看看解释
你在做一个创建 AI 助手的页面：用户需要依次填写名称、连接知识库、检查设置后发布。你会怎样呈现这段流程？
让 AI 帮你做复制给 AI Agent 直接用
请为创建 AI 助手的流程设计步骤条（Steps），阶段依次为填写名称、连接知识库、检查设置并发布。清楚区分已完成、当前和未开始的状态；允许返回已完成的步骤修改，未完成的步骤不能直接跳转。