溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML5<progress>標(biāo)簽怎么用

發(fā)布時(shí)間：2020-10-13 15:21:24 來(lái)源：億速云 閱讀：158 作者：小新 欄目：web開(kāi)發(fā)

這篇文章主要介紹了HTML5<progress>標(biāo)簽怎么用，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

首先我們要了解HTML5<progress>標(biāo)簽是什么意思：

<progress> 標(biāo)簽標(biāo)示任務(wù)的進(jìn)度（進(jìn)程）。

在html中，<progress>標(biāo)簽的用來(lái)定義運(yùn)行中的任務(wù)進(jìn)度（進(jìn)程）。<progress>標(biāo)簽經(jīng)常與 JavaScript一起使用來(lái)顯示任務(wù)的進(jìn)度。度量衡的表示不適合用<progress>標(biāo)簽，一般使用 <meter>標(biāo)簽表示。

<progress>標(biāo)簽基本屬性：

max：規(guī)定需要完成的值（值：數(shù)字）。

value：規(guī)定進(jìn)程的當(dāng)前值（值：數(shù)字）。

<progress>標(biāo)簽支持 html全局屬性和html事件屬性

格式：

<progress value="當(dāng)前值" max="目標(biāo)值">
</progress>

這有實(shí)例：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html5< progress>標(biāo)簽筆記_PHP筆記</title>
</head>
<body>
上傳進(jìn)度：
<progress value="49" max="100">
</progress>
</body>
</html>

運(yùn)行結(jié)果：

HTML5<progress>標(biāo)簽怎么用

標(biāo)簽筆記 html 第1張" title="html5< progress>標(biāo)簽筆記 html 第1張-國(guó)哥筆記" >標(biāo)簽筆記" alt="" width="469" height="161" />

HTML5<progress>標(biāo)簽的屬性：

HTML5<progress>標(biāo)簽怎么用

正在進(jìn)行的下載實(shí)例：

<progress value="22" max="100"></progress>

HTML5<progress>標(biāo)簽的基本用法：

<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自帶的函數(shù) setInetrval來(lái)重復(fù)執(zhí)行test函數(shù)
實(shí)現(xiàn)progress的value值得自增長(zhǎng)，模擬progress的使用*/
</script>
</body>
</html>

HTML5<progress>標(biāo)簽的提示和注釋：

提示：請(qǐng)結(jié)合 <progress> 標(biāo)簽與 JavaScript 一同使用，來(lái)顯示任務(wù)的進(jìn)度。

注釋：<progress> 標(biāo)簽不適合用來(lái)表示度量衡（例如，磁盤(pán)空間使用情況或查詢結(jié)果）。如需表示度量衡，請(qǐng)使用 <meter> 標(biāo)簽代替。

HTML 4.01 與 HTML 5 之間的差異

<progress> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。

瀏覽器支持

Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 6 支持 <progress> 標(biāo)簽。

注釋：Internet Explorer 9 以及更早的版本不支持 <progress> 標(biāo)簽。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享HTML5<progress>標(biāo)簽怎么用內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手