aria-valuenow="40"——進(jìn)度條目前進(jìn)度值。

aria-valuemax="100"——最大進(jìn)度值。

aria-valuemin=“0”——最小進(jìn)度值。

style="width:40%;"——讓進(jìn)度條指在40%的位置。

完整代碼如下：

    
    
    



    
默認(rèn)的進(jìn)度條
    

        

        
    

以上是實(shí)現(xiàn)一個(gè)默認(rèn)進(jìn)度條，底色的灰色，進(jìn)度顏色是藍(lán)色，我們還可以在默認(rèn)進(jìn)度條的基礎(chǔ)上，通過加入不同的樣式來實(shí)現(xiàn)豐富多彩的進(jìn)度條。

2、指定顏色.

progress-bar-success、progress-bar-info、progress-bar-warning、progress-bar-danger

3、條紋狀，通過在根div添加 progress-striped 即可

4、在根div 添加active，即可實(shí)現(xiàn)帶動(dòng)畫的進(jìn)度條。

以上是bootstrap設(shè)置進(jìn)度條的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！