跳至內容
Astera Technology

處理進度和量度值,別用同一種標記

已處理檔案是進度,磁碟用量是量度值;即使同樣六成,也不代表要用同一元素。

固定完成進度與固定量度讀數,各自表達不同意思。

下載完整個案資料及參考答案 ↓

先看這個例子

題設五個檔案已處理三個,另有一個假設磁碟用量讀數:0 至 100 刻度上的 60。這些是固定示範資料;例子沒有真正處理檔案或量度設備。

輸入與瀏覽器原生結果
情況輸入或查看方法結果與意思
已完成部分讀 work 的 value、max、position3、5、0.6
量度讀數讀 space 的 min、max、value0、100、60
未明完成進度核對時移除 progress 的 valueprogress.position=-1,表示進度未定
下載可編輯 CSV ↓

瀏覽器怎樣處理

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 是量度讀數,不是未明完成程度。

  • 核對原生角色及標籤,不只看填滿比例。
  • 示範讀數不能當作已執行動作的證據。

原始例子檔案

相關資源