问答详情
源自：7-8 进度条--基本样式

如何改变颜色

怎么改变填充的颜色

提问者：weibo_心吋幻想旳少年_0 2015-09-10 10:57

个回答

  • 荼酒
    2015-09-10 12:03:36
    已采纳

    bg-danger,bg-info,bg-warning,bg-success 等等～改變背景色就OK了


    0
  • 荼酒
    2015-09-10 15:12:11

    <div class="progress">
    <div class="progress-bar progress-bar-danger" style="width:40%; ">
    </div>
</div>
<!--下面是代码任务部分-->
<div class="progress">
    <div class="progress-bar progress-bar-success" style=" width:80%;"></div>
</div>

    这个需要progress-bar-color来改变了

    0
  • weibo_心吋幻想旳少年_0
    2015-09-10 12:14:28

    <title>进度条--基本样式</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>  
<div class="progress">
     <div class="progress-bar bg-danger" style="width:40%; ">
	</div>
</div> 
<!--下面是代码任务部分-->
<div class="progress">
    <div class="progress-bar" style=" width:80%;"></div>
</div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>


    0
  • 荼酒
    2015-09-10 12:12:12

    貼代碼

    0