一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery Bootstrap组件实现进度条示例代码

时间:2015-08-10 编辑:简简单单 来源:一聚教程网

Bootstrap组件


.progress——指定div包裹进度条组件;

.progress-bar——设置div为进度条样式;

.progress-bar-info、.progress-bar-warning、.progress-bar-success、.progress-bar-danger——设置进度条的情境效果;

.pregress-bar-striped——设置进度条具有条纹效果;

.active——可设置进度条的条纹处于动画状态;

属性aria-valuemin——设置进度条的最小值;

属性aria-valuemax——设置进度条的最大值;

属性aria-valuenow——设置进度条的当前值;

html代码:




   
   
    css" type="text/css">
  
   
   
   
   
   


   


       

进度条示例


       

           

                50%
           

       

       

           

                2%
           

       

       


       

       

           

                60%
           

       

       

           

                40%
           

       

       

           

                40%
           

           

                40%
           

       

   


热门栏目