先看這個例子
題設五個檔案已處理三個,另有一個假設磁碟用量讀數:0 至 100 刻度上的 60。這些是固定示範資料;例子沒有真正處理檔案或量度設備。
| 情況 | 輸入或查看方法 | 結果與意思 |
|---|---|---|
| 已完成部分 | 讀 work 的 value、max、position | 3、5、0.6 |
| 量度讀數 | 讀 space 的 min、max、value | 0、100、60 |
| 未明完成進度 | 核對時移除 progress 的 value | progress.position=-1,表示進度未定 |
瀏覽器怎樣處理
progress 表示工作完成進度;沒有 value 時,可表達未定進度。meter 表示已知範圍內的量度值,例如本例用量讀數。比例相同,也不能抹掉語意差別。原生圖示外觀會因瀏覽器和系統而異。
改標籤,不會把 progress 變成 meter
反例把 progress 標成磁碟用量,但元素仍有進度語意。改可見標籤,不會改元素類型。
<label for="space">假設磁碟用量</label><progress id="space" value="60" max="100">100 中的 60</progress>反例仍是 progress,position 為 0.6,沒有 meter。正例的用量是 meter,min=0、max=100、value=60。
試着修正
處理已開始,但總檔案數未知,應否用 value=0 的 meter 表示未明進度?
查看參考答案
用沒有 value 的 progress 表示未定工作進度。meter 的 0 是量度讀數,不是未明完成程度。
- 核對原生角色及標籤,不只看填滿比例。
- 示範讀數不能當作已執行動作的證據。