前端工程師入門HTML5就靠這些撇步!(6)載入進度顯示條
比起 HTML4,HTML5 新增的元素可說是「一應俱全」、「應有盡有」!其中,有個重要的元素叫 <progress> 元素,它讓前端工程師可以用來顯示網頁的載入、上載、下載的進度等等。
若要在 HTML5 中使用 <progress> 元素,當然,今天不例外地,也提供前端工程師載入進度條 (progress bar) 的語法與結果,請參考下方:
上述的 <progress> 標籤,最大值設定為 100%、最小值設定為 0%。其進度是固定在 22% (語法:<progress value="22" max="100">) 的。
另外,如果你希望進度條的進度,能隨著網頁實際 loading 進度顯示的話,那就需要配合 javascript 來設定了!
HTML5新增元素目錄:
|
😳延伸閱讀區:
前端工程師入門HTML5就靠這些撇步!(3)語意元素(上)
前端工程師入門HTML5就靠這些撇步!(4)語意元素(下)
前端工程師入門HTML5就靠這些撇步!(5)嵌入影片介紹
想要錢多事少離家近的工作,來達內教育幫你美夢成真
網路行銷課程小知識:黑帽白帽,能把排名往上拉的就是好帽嗎?
台灣人工智慧在加護病房當守護天使,預測敗血症成功率達八成五!
人人都能是工程師!台灣 IT 培訓中心推「找到工作再付學費」專案,要試試嗎?