60 秒決策
先確認使用者要完成的事。
適合使用
- 工作有可計算的總量或可可靠估算的完成比例，例如檔案上傳、資料匯入。
- 使用者等候時間較長，百分比能幫助判斷是否要繼續等待。
不適合使用
- 系統只有「正在處理」而沒有可靠的比例；不要用不真實的 50% 或 90%。
- 只是瞬間完成的短操作；加上一整條進度列反而比 Spinner 更分散注意力。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
把任務和數字放在一起
「正在匯入 24 位成員 · 64%」比只有藍色長條清楚。
數值要跟實際工作同步
視覺長度、可見百分比與原生 progress 的值應該一致，不能只做會跑的動畫。
完成後換成結果，不留在 100%
工作已完成時，用完成訊息與下一步取代滿格進度列，避免誤以為仍在載入。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未開始
顯示工作量與開始入口，不預先假裝已有進度。
進行中
進度值從 0 到 100 更新；相關區域可標示為忙碌。
完成
顯示處理結果與可再次執行的入口。
中斷或失敗
停止在最後可信進度，清楚說明是否可重試、保留或取消。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
匯入成員資料
先觀察：百分比、進度列與工作文字是否一起更新，而不是只讓一條藍線前進。
操作：點選「開始匯入」。
預期結果：進度從 0% 往 100% 更新；完成後顯示「24 位成員已匯入」，且進度列不再假裝仍在執行。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 匯入成員資料時，使用原生 progress 元件顯示「正在匯入 24 位成員」的進度。提供可見百分比與目前工作說明，value 從 0 到 100 持續更新；相關區域在完成前維持忙碌。不要把未知進度假裝成 73%，若完成度未知應改用不定進度列。完成後顯示「24 位成員已匯入」，保留重新匯入的入口。驗收清單
不要只確認欄位能不能點。
- 完成比例是否真的可計算？
- 任務名稱、數字與視覺進度是否一致？
- 原生 progress 是否有可辨識標籤？
- 相關區域是否在處理中標示忙碌？
- 完成後是否改成可讀的結果？
- 未知完成度時是否改用 Indeterminate Progress？