问答详情
源自：7-11 进度条--动态条纹进度条

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

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

提问者：qq_慕用2358471 2020-11-10 16:55

个回答

  • 慕神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);}

    0
  • 慕神5579676
    2020-11-11 09:39:18

    .progress-bar 样式中，把float: left;改为float: right;

    0