進度條動畫核心只有一條：進度條總時長 = 所有數字動畫時間軸跨度。本教學用最精簡元素（1 條矩形 + 10 個文字框）拆解同步機制，適合初學者建立動畫時間軸思維。

極簡素材準備

1. 插入矩形條（高 20 pt、寬 80% 投影片寬度） → 置中偏下。
2. 插入文字方塊 → 輸入 "10%" → 設字型/大小/置中 → Ctrl+D 複製 9 次 → 依序改為 20%…100% → 全選 →「對齊」→「垂直置中」→ 疊放同位置。

動畫參數速查表（總時長 2 秒版）

物件	動畫	開始	持續	延遲	備註
矩形條	擦除 (從左)	與上一個同時	2 秒	0	基準時長
10%	淡入	與上一個同時	0.1 秒	0
10%	淡出	與上一個同時	0.1 秒	0.1 秒
20%	淡入	與上一個同時	0.1 秒	0.2 秒	延遲遞增 0.1 秒
20%	淡出	與上一個同時	0.1 秒	0.3 秒
…	…	…	…	…	以此類推
90%	淡入	與上一個同時	0.1 秒	0.8 秒
90%	淡出	與上一個同時	0.1 秒	0.9 秒
100%	淡入	與上一個同時	0.2 秒	1.8 秒	無淡出，停留顯示

動畫刷批量套用（關鍵加速鍵）

1. 設好 10% 文字框的「淡入 + 淡出」兩組動畫及計時。
2. 選中 10% 文字框 → 雙擊「動畫刷」→ 依序點擊 20%、30%…100% 文字框 → 所有動畫參數瞬間複製。
3. 單擊「動畫刷」退出。
4. 依表格微調各文字框的「延遲」（20% 入/出 +0.1 秒，30% +0.2 秒… 100% 入 +1.8 秒） → 刪除 100% 的淡出動畫。

收尾對齊

1. 全選 10 個文字框 →「對齊」→「垂直置中」。
2. 全選矩形條 + 文字框群組 →「對齊」→「水平置中」。
3. F5 測試：進度條從左擦除到右 2 秒，數字 10%~100% 同步跳動停留，完美同步。

掌握「基準時長 + 遞增延遲 + 動畫刷批量」三步法，進度條、倒數計時、技能條、載入環… 所有線性進度動畫通吃。