在html5中,可以利用“<progress>”標(biāo)簽實(shí)現(xiàn)進(jìn)度條,該標(biāo)簽用于定義運(yùn)行中的任務(wù)進(jìn)度,在瀏覽器中以進(jìn)度條的形式顯示,語(yǔ)法“<progress value="進(jìn)程的當(dāng)前數(shù)值" max="需要完成的數(shù)值"></progress>”。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
在html5中,可以利用“<progress>”標(biāo)簽實(shí)現(xiàn)進(jìn)度條。
progress標(biāo)簽用于定義運(yùn)行中的任務(wù)進(jìn)度,在瀏覽器中以進(jìn)度條的形式顯示;該標(biāo)簽通常和JavaScript一起使用來(lái)實(shí)現(xiàn)進(jìn)度條動(dòng)態(tài)效果。
progress標(biāo)簽的語(yǔ)法
<progress value="進(jìn)程的當(dāng)前數(shù)值" max="需要完成的數(shù)值"></progress>
-
max:規(guī)定需要完成的值;
-
value:規(guī)定進(jìn)程的當(dāng)前值;
示例:
<!DOCTYPE html> <html> <body> 下載進(jìn)度: <progress value="22" max="100"></progress> </body> </html>