真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

bootstrap中怎么設(shè)置進(jìn)度條-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)bootstrap中怎么設(shè)置進(jìn)度條,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)建站!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了瀘水免費(fèi)建站歡迎大家使用!

1、實(shí)現(xiàn)方法如下:


(1)引入bootrap文件:

 

(2)添加一個(gè)

;

(3)在

中添加一個(gè)

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

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

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

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

完整代碼如下:

        進(jìn)度條        

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

    
                
    

2、指定顏色.


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

        
        
                

3、條紋狀,通過(guò)在根div添加 progress-striped 即可

           

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

          

看完上述內(nèi)容,你們對(duì)bootstrap中怎么設(shè)置進(jìn)度條有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。


當(dāng)前標(biāo)題:bootstrap中怎么設(shè)置進(jìn)度條-創(chuàng)新互聯(lián)
本文地址:http://weahome.cn/article/depgjd.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部