溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了HTML5<progress>標簽怎么用，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
首先我們要了解HTML5<progress>標簽是什么意思：
<progress> 標簽標示任務的進度（進程）。
在html中，<progress>標簽的用來定義運行中的任務進度（進程）。<progress>標簽經常與 JavaScript一起使用來顯示任務的進度。度量衡的表示不適合用<progress>標簽，一般使用 <meter>標簽表示。
<progress>標簽基本屬性：
max：規定需要完成的值（值：數字）。
value：規定進程的當前值（值：數字）。
<progress>標簽支持 html全局屬性和html事件屬性
格式：
<progress value="當前值" max="目標值"> </progress>
這有實例：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>html5< progress>標簽筆記_PHP筆記</title> </head> <body> 上傳進度： <progress value="49" max="100"> </progress> </body> </html>
運行結果：
標簽筆記 html 第1張" title="html5< progress>標簽筆記 html 第1張-國哥筆記" >標簽筆記" alt="" width="469" height="161" />
HTML5<progress>標簽的屬性：
正在進行的下載實例：
<progress value="22" max="100"></progress>
HTML5<progress>標簽的基本用法：
<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
</style>
<script>
function test(){
var kk = document.getElementById("pro1");
kk.value=kk.value+1;
}
</script>
</dead>
<body>
<progress value="10" max="100" id="pro1"></progress>
<script>
var s= self.setInterval("test()",1000);/*使用window自帶的函數 setInetrval來重復執行test函數
實現progress的value值得自增長，模擬progress的使用*/
</script>
</body>
</html>HTML5<progress>標簽的提示和注釋：
提示：請結合 <progress> 標簽與 JavaScript 一同使用，來顯示任務的進度。
注釋：<progress> 標簽不適合用來表示度量衡（例如，磁盤空間使用情況或查詢結果）。如需表示度量衡，請使用 <meter> 標簽代替。
HTML 4.01 與 HTML 5 之間的差異
<progress> 標簽是 HTML 5 中的新標簽。
瀏覽器支持
Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 6 支持 <progress> 標簽。
注釋：Internet Explorer 9 以及更早的版本不支持 <progress> 標簽。
感謝你能夠認真閱讀完這篇文章，希望小編分享HTML5<progress>標簽怎么用內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
