導覽詞條 2-53
步驟條Steps
也常叫做：步驟指示器、Stepper
你可能會這樣說
結帳頁上方一排步驟，完成的打勾、進行中的亮色、還沒到的灰色——讓你知道走到哪、還剩多少。
白話解釋
步驟條是顯示多步驟流程進度的橫向指示：一個節點一步，完成的打勾、進行中的高亮、未到的變灰。
它跟進度條的差別：進度條講百分比，步驟條講「你走到第幾關」，通常還能點回已完成的步驟改資料。
跟 AI 溝通時列出步驟名稱，說明目前步驟怎麼標示、能不能回上一步。
親手試試
第 1 步：確認商品和數量。
步驟條上：這一步亮色、還沒到的後面幾步灰色。
第 2 步：收件人、地址、付款方式。
完成的第 1 步變打勾，而且可以點回去改。
第 3 步：總檢查送出，接著進結果頁。
步驟之間用線連接，走過的線變實色。
步驟條回答兩個問題：走到哪一關、還剩幾關——多步驟流程必備。
這樣對 AI 說
中文就可以
結帳流程頂部放步驟條。 三個步驟：購物車、填寫資料、完成訂單。 完成的步驟打勾而且可以點回去修改，目前步驟用品牌色。 步驟間用線連接，走過的線變實色。