睽違一星期的HTML5系列文章又回歸了!接下來要介紹的載入進度顯示條元素,讓HTML4看不到車尾燈!
比起 HTML4，HTML5 新增的元素可說是「一應俱全」、「應有盡有」！其中，有個重要的元素叫 <progress> 元素，它讓前端工程師可以用來顯示網頁的載入、上載、下載的進度等等。
若要在 HTML5 中使用 <progress> 元素，當然，今天不例外地，也提供前端工程師載入進度條 (progress bar) 的語法與結果，請參考下方：
See the Pen progress bar by Tedutw (@Tedutw) on CodePen.
上述的 <progress> 標籤，最大值設定為 100%、最小值設定為 0%。其進度是固定在 22% （語法：<progress value="22" max="100">） 的。
另外，如果你希望進度條的進度，能隨著網頁實際 loading 進度顯示的話，那就需要配合 javascript 來設定了！
| HTML5新增元素目錄：
|
延伸閱讀看過來~
文章標籤
全站熱搜
留言列表
