兩種改法要么把你引入的 script 標(biāo)簽，放到 body 的底下要么把你的 JS 代碼用 windowonload = function 括起來原因很簡(jiǎn)單，HTML 從上至下加載JS 從上至下執(zhí)行由于你的 JS 文件先于 ltdiv；先在body標(biāo)簽里面嵌入一個(gè)progress標(biāo)簽，max最大值設(shè)置為100，value為20，運(yùn)行程序，結(jié)果如圖 運(yùn)行程序，結(jié)果如圖 用CSS樣式為progress標(biāo)簽設(shè)置大小，代碼如下圖3 運(yùn)行程序，結(jié)果如圖 運(yùn)行程序，結(jié)果如圖 看上面的運(yùn)行結(jié)果，在CS；從圖中的代碼看，要生成一個(gè)進(jìn)度條十分簡(jiǎn)單，用progress控件就行了按上面的代碼運(yùn)行頁面，就可以得到一個(gè)標(biāo)準(zhǔn)的進(jìn)度條了progress可以設(shè)置二個(gè)參數(shù)，value和max 其中max就是進(jìn)度條的最大值，一般都是設(shè)置為100 value。

最簡(jiǎn)單的思路是， 通過js獲取到的寬度范圍，分別賦予不同的class，比如030%，給標(biāo)簽class=“green”，3070%，給標(biāo)簽class=“yellow”，70%100%，給標(biāo)簽class=“red”；HTMl是靜態(tài)的啦，要通過服務(wù)器才能實(shí)現(xiàn)動(dòng)態(tài)的數(shù)據(jù)交互效果例如用戶每選擇一次，就將數(shù)據(jù)傳回給服務(wù)器數(shù)據(jù)庫(kù)中，服務(wù)器再根據(jù)運(yùn)算返回票數(shù)變動(dòng)后的各數(shù)據(jù)表現(xiàn)如進(jìn)程條增加一定比例的長(zhǎng)度和百分?jǐn)?shù)增加等當(dāng)然如果你只是想一次；lthtml lthead lttitle進(jìn)度條qifeilttitle lthead ltbody onLoad=quotfakeProgress0，sbquot lttable width=quot50%quot height=quot40quot align=quotcenterquot lttr lttd width=quot100%quot height=quot34quot align=quotcenterquot ltdiv；HTML代碼 HTML的代碼非常簡(jiǎn)單，只要為進(jìn)度條提供一個(gè)容器就可以了基本的HTML代碼如下ltdiv class=quotwrapperquot ltdiv class=quotloadbarquot ltdiv class=quotloadbarinnerquot dataloading=quot0quot ltspan id=quotcounterquotlt；首先，我們制作的這個(gè)進(jìn)度條并沒有后臺(tái)數(shù)據(jù)作為支撐，所以是一個(gè)靠js實(shí)現(xiàn)的一個(gè)簡(jiǎn)單的頁面我們首先需要新建一個(gè)html5的頁面，其使用的progress元素實(shí)在html5時(shí)代才出現(xiàn)的我們?cè)谛陆ǖ捻撁嬷?，輸入一個(gè)段落標(biāo)簽，一個(gè)進(jìn)度條。

可以用html5實(shí)現(xiàn)，也可以做成gif的圖片，你只需要設(shè)置為和你程序設(shè)置一樣的時(shí)間然后進(jìn)度條自動(dòng)結(jié)束就好了用圖片是最好實(shí)現(xiàn)，用ps軟件就可以制作這個(gè)的實(shí)現(xiàn)，有很多中方法，簡(jiǎn)單的，是使用 DIV 嵌套，例如ltdiv style=；ltEMBED style=quotFILTER grayquot src=1927mp3 width=300 height=65 type=audiompeg autostart=autostart loop=1 volume=0 showstatusbar=1ltEMBED 高度太低，被遮住了；看你這代碼真夠無聊的嘿嘿 我?guī)湍銓戇@代碼更無聊早飯午飯都沒吃 餓的是在沒心情工作了就當(dāng)KILL TIME吧lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot；獲取range的值就行了，然后將其顯示出來，你實(shí)時(shí)改變r(jià)ange的值，顯示的就會(huì)實(shí)時(shí)改變 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitlelttitleltheadltbodyltinput id=quotrangequot type=quotrangequot min=quot0quot。

lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitleRunJSlttitleltstyle#progressborder1px solid blackwidth500pxheight20px textaligncenter#progressdivwidth0pxheight20pxposition；上傳完成生成的文件名將會(huì)顯示在 uploadfileresult 里面， progress 是進(jìn)度條的位置，先讓他隱藏加上 hidden 的class， progressbar 是進(jìn)度條的主體， progressbarstatus 是進(jìn)度條的文本提醒去掉hidden的；aspnet中給應(yīng)用增加進(jìn)度條的實(shí)現(xiàn)方法建立一個(gè)WEB工程，添加新項(xiàng)HTML頁面，命名為ProgressBarhtm，內(nèi)容如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot。