今天我們來看<progress>標籤~

<progress> 標籤的基本用法

<progress> 通常會與 value 和 max 這兩個屬性配合使用。

• value：當前進度的值。它告訴瀏覽器進度條應該填充到什麼程度。

• max：進度的最大值。該屬性定義了進度的總長度，默認值是 1，但通常設置為更具體的數值，如 100。

• 瀏覽器會自動根據這兩個屬性來顯示進度調的長度。

• 通常用在文件上傳/下載進度、任務處理進度或是無法確定具體完成時間的任務

  <progress value="70" max="100"></progress>
  

  在這個範例中，進度條顯示 70% 的完成度。
  

沒有 value 屬性時的情況：

如果沒有設置 valu 屬性，則 <progress> 會顯示為一個不確定的狀態，這表示進度未知或尚未確定，通常以動畫的形式顯示，提示用戶當前有一個正在進行的任務。

<progress></progress>

像這樣會左右來回跑動

今天先介紹到這裡，謝謝觀看！