为了账号安全,请及时绑定邮箱和手机立即绑定

如何修改bootstrap进度条动态方向?

progress-bar-stripes 进度默认从右到左,如何修改他默认方向?

正在回答

2 回答

理解错了,以上方法是,让进度条从右向左
你的意思是,动态纹理换方面是吧,如下样子
http://img1.sycdn.imooc.com//5fab457600019a1405580086.jpg
更改样式:主要就是改一个角度 把“45deg”改为“-45deg”

.progress-striped .progress-bar-success {background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}

0 回复 有任何疑惑可以回复我~
.progress-bar 样式中,把float: left;改为float: right;
0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
玩转Bootstrap(基础)
  • 参与学习       314520    人
  • 解答问题       2275    个

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

进入课程

如何修改bootstrap进度条动态方向?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信