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

来源:7-11 进度条--动态条纹进度条

qq_慕用2358471

2020-11-10 16:55

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

写回答 关注

2回答

  • 慕神5579676
    2020-11-11 10:00:33

    理解错了,以上方法是,让进度条从右向左
    你的意思是,动态纹理换方面是吧,如下样子
    http://img2.mukewang.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);}

  • 慕神5579676
    2020-11-11 09:39:18
    .progress-bar 样式中,把float: left;改为float: right;

玩转Bootstrap(基础)

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

314546 学习 · 2275 问题

查看课程

相似问题