close
一談到HTML5,你一定要來認識一下<progress>元素~它可以讓前端工程師輕鬆掌握網頁載入進度哦!
說實在的，比起 HTML4，HTML5 新增的元素可說是應有盡有。其中還有 <progress> 元素，可以讓前端工程師可以用來顯示網頁的載入進度、或是上載、下載的進度等等。
假設要在 HTML5 中使用 <progress> 元素，載入進度條 (progress bar) 的語法與其結果範例如下：
See the Pen progress bar by Tedutw (@Tedutw) on CodePen.
一般前端工程師建議，如上述在HTML5中的 <progress> 標籤為例，最大值設定為 100%、最小值設定為 0%。其進度是固定在 22% (語法：<progress value="22" max="100">) 。如果希望進度條的進度能隨著網頁實際 loading 進度顯示的話，則必需配合 javascript 來設定。
|
HTML5新增元素目錄： |
推薦閱讀:
HTML5基礎訓練班第三課-video影片嵌入應用
文章標籤
全站熱搜
留言列表
