首先我們先介紹html5 progress標籤的用法：
<progress>標籤定義運行中的進度（進程）。
可以使用<progress>標籤來顯示javascript中耗費時間的函數的進度。
<progress>表示任務的進度，背景為灰色，完成的部分填充為脈動式綠色條（但不同的瀏覽器下，樣式還是不同的）。
提示：請使用 <progress> 標籤來顯示下載的進度。
再來讓我們看一個html5 progress標籤的使用執行個體：
標記“下載進度”：
對象的下載進度：<progress value='70' max='100'></progress>
效果
圖很明顯，就不多說了。
現在來說說html5 progress標籤的屬性介紹：
1.可以通過value屬性來設定百分比（0~1的小數）
通常我們還可以在元素內部再放置進度值，這樣當瀏覽器不(www.php.cn)支援的時候就可以顯示出文字作為後備方案。
<progress value="0.25">25%</progress>
2，可以利用max屬性設定最大值，這時value的範圍便是0~最大值
<progress value="25" max="100">25%</progress>
3，value屬性工作表示進度條完成的進度之，value值的範圍為0~max之間。如果沒有設定max屬性，那麼value屬性值的範圍要在0~1之間。
如果沒有value值，那麼完成進度是不確定的。這時候表示任務進行中中，但不知道多長時間可以完成。這時候的progress在webkit瀏覽器中我們可以用作loading來使用，表示正在頁面載入中，或者ajax請求後台資料中。
不設定value值的話，則表示不確定的進度條（進度會不斷迴圈的滑動）
<progress></progress>
這個動態圖放不出來，大家可以自己動手看看，這樣的樣式還挺有趣的。
每日小結之html5 progress標籤：
progress標籤：從名字上來看，估計大家也能猜到這個標籤是什麼標籤了，沒錯，他是一個進度條。在HTML5中我們終於可以不用類比了。
<progress id="topic.alibabacloud.com" max="100"></progress>
progress屬性：value：表示當前進度max：表示總進度註：value和max屬性的值必須大於0，value的值小於或等於max屬性的值。案例：
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>topic.alibabacloud.com之progress標籤的應用</title></head><body><h1>topic.alibabacloud.com之progress標籤的應用</h1><p>完成百分比：<progress max="100"></progress></p></body></html>
這個也是設定了一個動態效果，效果
這個圖是動態，因為截不了動態，所以只能是這樣看了，大家可以自己上手試試,
本篇關於html5 progress進度列標籤的應用到這就結束，有問題的可以在下方提問。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
