步骤条

Steps

如果你管它叫……

「第一步第二步那条」「流程走到哪了」「带勾的步骤」「横着的流程」「123步提示」「下单流程条」「进度小圆点连成线」

LIVE DEMO真实可交互，动手试试

1填写信息

2确认订单

3完成

英文名: Steps
别名 · 俗称: 步骤导航流程条分步引导antd: Steps
Web 叫法: Steps
大白话定义: 把多步流程横着排成一条进度，告诉你现在走到第几步、还剩几步。
部位拆解: 步骤节点 Step圆点加标题，代表流程中的一步
连接线 Connector把各个步骤串起来的横线
状态 Status已完成、进行中、未开始三种样子

提示词已按当前平台组织好，复制粘贴给 AI 即可

Web

在下单页顶部加步骤条（Steps）：「选商品 → 填地址 → 付款」，当前步高亮，已完成的打勾

调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI

调试我的步骤条（Steps）。逐一排除：步骤标题太长换行，把连接线和圆点顶错位；回退上一步后已完成状态没重置，勾还挂着；窄屏下横向溢出，既没改竖排也没加滚动；当前步高亮停在第一步，状态不随流程更新。症状是：