站長資訊網(wǎng)
html5進(jìn)度條的標(biāo)簽是“<progress>”。progress標(biāo)簽用于定義運(yùn)行中的任務(wù)進(jìn)度，在瀏覽器中以進(jìn)度條的形式顯示，語法“<progress value="進(jìn)程的當(dāng)前數(shù)值" max="需要完成的數(shù)值"></progress>”。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
html5進(jìn)度條的標(biāo)簽是“<progress>”。
progress標(biāo)簽是html5中新增的標(biāo)簽，用于定義運(yùn)行中的任務(wù)進(jìn)度（進(jìn)程），在瀏覽器中以進(jìn)度條的形式顯示，通常和JavaScript一起使用來實(shí)現(xiàn)進(jìn)度條。
progress標(biāo)簽不使用來表示度量衡（如：磁盤空間使用情況或相關(guān)的查詢結(jié)果）。如果需要表示度量衡，我們通常會使用meter標(biāo)簽。
progress標(biāo)簽的語法
<progress value="進(jìn)程的當(dāng)前數(shù)值" max="需要完成的數(shù)值"></progress>
-
max：規(guī)定需要完成的值；
-
value：規(guī)定進(jìn)程的當(dāng)前值；
說明：
-
progress標(biāo)簽雖然是雙標(biāo)簽，但是標(biāo)簽中的內(nèi)容不顯示。
-
progress標(biāo)簽如果不設(shè)置任何屬性，不同的瀏覽器運(yùn)行有不同的效果，大家可以試試。
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>html5中progress標(biāo)簽（進(jìn)度條）的詳細(xì)介紹</title> </head> <body style="background-color: bisque;"> <h3>progress標(biāo)簽演示</h3> <progress value="50" max="100"></progress><br> <progress value="100" max="100"></progress><br> <progress value="10" max="200"></progress><br> <progress value="150" max="200"></progress><br> </body> </html>
推薦教程：《html視頻教程》
