Creative Tim 的材料套件 2

进度条

简单的进度条

预览
代码

复制

<部分 类=“py-6 mt-4”>
   类=“容器”>
     类=“行对齐-py-2 之间的空间”>
       类=“col-lg-6 mx-自动”>
         类=“进展mb-3”>
           类=“进度条 bg-primary” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">


         类=“进展mb-3”>
           类=“进度条背景-次要” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">


         类=“进展mb-3”>
           类=“进度条背景-成功” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">


         类=“进展mb-3”>
           类=“进度条背景信息” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">


        
         类=“进展mb-3”>
           类=“进度条背景警告” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">
        
         类=“进展mb-3”>
           类=“进度条背景危险” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">
        
         类=“进展mb-3”>
           类=“进度条背景-黑暗” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">