新手前端工程師需要的 HTML5 入門課(六)-progress載入進度顯示條
比起 HTML4，HTML5 新增的元素可說是要什麼都有、應有盡有。其中還有 <progress> 元素，讓前端工程師可以用來顯示網頁的載入進度、或是上載、下載的進度等等。
想在 HTML5 中使用 <progress> 元素載入進度條 (progress bar) 的語法與結果如以下的示範：
上面的 <progress> 標籤，最大的值設定為 100%、最小的值設定為 0%。它的進度是固定在 22% (語法：<progress value="22" max="100">) 的。如果希望進度條的進度能隨著網頁實際 loading 進度顯示的話，前端工程師則需配合 javascript 來設定。
 |
| 新手前端工程師需要的 HTML5 入門課(六)-progress載入進度顯示條 |
比起 HTML4，HTML5 新增的元素可說是要什麼都有、應有盡有。其中還有 <progress> 元素，讓前端工程師可以用來顯示網頁的載入進度、或是上載、下載的進度等等。
想在 HTML5 中使用 <progress> 元素載入進度條 (progress bar) 的語法與結果如以下的示範：
上面的 <progress> 標籤，最大的值設定為 100%、最小的值設定為 0%。它的進度是固定在 22% (語法：<progress value="22" max="100">) 的。如果希望進度條的進度能隨著網頁實際 loading 進度顯示的話，前端工程師則需配合 javascript 來設定。
| HTML5新增元素目錄：
|