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