欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

bootstrap設置進度條的方法

這篇文章主要介紹bootstrap設置進度條的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

專注于為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)慈溪免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了上千余家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

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

(1)引入bootrap文件:

 <link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css">

(2)添加一個<div class="progress">;

(3)在<div class="progress">中添加一個<div class="progress-bar">

<div class="progress-bar" aria-valuenow="40" aria-valuemax="100" aria-valuemin="0" style="width:40%;">

aria-valuenow="40"——進度條目前進度值。

aria-valuemax="100"——最大進度值。

aria-valuemin=“0”——最小進度值。

style="width:40%;"——讓進度條指在40%的位置。

完整代碼如下:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>進度條</title>
    <link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css">
</head>
<body>
<div style="width: 600px">
    <p>默認的進度條</p>
    <div>
        <div aria-valuenow="40" aria-valuemax="100" aria-valuemin="0" style="width:40%;">
        </div>
    </div>
</div>
</body>
</html>

以上是實現(xiàn)一個默認進度條,底色的灰色,進度顏色是藍色,我們還可以在默認進度條的基礎上,通過加入不同的樣式來實現(xiàn)豐富多彩的進度條。

2、指定顏色.

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

<div class="progress">
    <div class="progress-bar progress-bar-success"style="width: 90%;">
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-info" style="width: 30%;">
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-warning" style="width: 20%;">
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-danger" style="width: 10%;">
    </div>
</div>

bootstrap設置進度條的方法

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

<div class="progress progress-striped">
    <div class="progress-bar progress-bar-success" style="width: 90%;">
    </div>
   </div>

4、在根div 添加active,即可實現(xiàn)帶動畫的進度條。

<div class="progress progress-striped active">
    <div class="progress-bar progress-bar-success" 
         style="width: 40%;">
    </div>
  </div>

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

文章標題:bootstrap設置進度條的方法
文章地址:http://aaarwkj.com/article0/ipdoio.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供標簽優(yōu)化、網(wǎng)站建設面包屑導航、品牌網(wǎng)站制作、關(guān)鍵詞優(yōu)化、用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運營
日本高清av一区二区| 青青草原成年人免费看| 国产av剧情在线免费观看| 日本韩国欧美成人精品| 无码精品人妻一区二区三区中| 熟女精品国产一区二区三区| 久久re这里只有精品6| 69人妻一区二区三区蜜桃| 国产精品男人在线播放| 中文字幕日韩高清乱码| 色男人天堂网在线视频| 91人妻这里只有精品| 日韩中文字幕亚洲精品一| 欧美日韩精品亚洲成人精品| 亚洲全乱码精品一区二区| 国产成人综合亚洲一区| 亚洲精品日韩国产3区| 欧美艳星一区二区三区四区| 2021久久国产综合精品青草| 日本免费精品一区二区三区中| 麻豆国产传媒片在线看| 风间由美亚洲一区二区三区| 国产亚洲精品精品国产亚洲| 精品国产美女主播在线| 日韩精品在线观看不卡| 一本之道久久成人综合| 精品人妻少妇一区二区三| 无遮挡动漫网站免费观看| 福利视频一区二区视频| 亚洲视频欧美视频自拍偷拍| 精品国产一区二区成人| 亚洲综合中文字幕经典av在线| 超碰97精品在线观看| 日韩一区二区三区成人| 禁止18岁以下观看的视频| 高清中文字幕一区二区三区| 日韩不卡免费一区二区三区视频| 白白日韩欧美在线视频| 免费精品一区二区三区欧美| 日韩欧美人妻中文字幕| 欧美一区二区日韩国产|