用javascript寫(xiě)的進(jìn)度條，怎么獲取進(jìn)度條的值，按百分比顯示出來(lái)？

s[0].style.width?=?100?-?r?/?i?*?100?+?"%";

成都創(chuàng)新互聯(lián)公司專注于企業(yè)網(wǎng)絡(luò)營(yíng)銷推廣、網(wǎng)站重做改版、青山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、購(gòu)物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為青山等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

該代碼不就是設(shè)置進(jìn)度條的么

如果你能更改頁(yè)面 你在標(biāo)簽中這樣寫(xiě)：

h5(資料完整度span?id="wz_jd"/span)/h5

然后在你的JS中

s[0].style.width?=?100?-?r?/?i?*?100?+?"%";

的下面 寫(xiě)上:

document.getElementById("wz_jd").innerHTML?=?100?-?r?/?i?*?100?+?"%";

不就OK了么

注意:你的JS中哪兒有那行代碼 就在那行下面 追加

如果不能更改頁(yè)面就在那行代碼下面 這樣寫(xiě)：

document.getElementsByTagName("h5")[0].innerHTML?=?"(資料完整度"+?(100?-?r?/?i?*?100)?+?"%)";

里面的0 表示是第1個(gè)h5標(biāo)簽 如果你有多個(gè) 自己進(jìn)行更改

如何用 javascript 做一個(gè)高逼格的進(jìn)度條

給你思路，定義一個(gè)塊為進(jìn)度條

然后設(shè)定背景圖片，就是進(jìn)度條位置

然后js控制圖片位置增加，

style.backgroundPosition="10 0";

如何用JavaScript打造0.1%精度的進(jìn)度條？

單進(jìn)圖條模式需要進(jìn)度條長(zhǎng)度為1000px的整數(shù)倍，

多進(jìn)度條模式方法就多了，以兩根進(jìn)度條為例來(lái)表達(dá)的話可以第一根進(jìn)度條表示1/100的精度，只要長(zhǎng)度為100px的整數(shù)倍。第二個(gè)進(jìn)度條的精度為1/10，長(zhǎng)度需要為10px的整數(shù)倍。動(dòng)畫(huà)效果為第二根進(jìn)度條滿了第一根進(jìn)度條進(jìn)度加1就好了，這樣組合起來(lái)就可以達(dá)到表示1/1000精度的效果。

當(dāng)然，如果布局有限制直接將值表示在進(jìn)度條上就行了，前端基本沒(méi)有多少會(huì)刻意的要求動(dòng)畫(huà)精度吧。

怎么編程javascript進(jìn)度條

其實(shí)所謂的進(jìn)度條，你可以看成是連個(gè)div，比如

div id="div1"

div id="div2"/div

/div

然后給div1和div2定義一樣的高度，div1的背景色設(shè)置成寬度100%，div2的寬度分成五分，每份20%，div1的寬度初始狀態(tài)是0，當(dāng)你完成一份的時(shí)候的時(shí)候?qū)挾雀臑?0%，背景色設(shè)置為比div1稍微深一些的顏色，沒(méi)當(dāng)完成一份就增加20%的寬度（js控制寬度），這樣就完成了進(jìn)度條功能