我有这个EXAMPLE http://jsfiddle.net/Mils/fmaGZ/1/.
我想将进度条反转 180 度,从右向左进行。
要获得这样的东西:
我试图改变过渡属性但没有结果。
Code :
.progress-bar span {
display: inline-block;
height: 100%;
background-color: #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
transition: width .4s ease-in-out;
}
制作进度条块并将其浮动到右侧:
.progress-bar span {
display: block;
float: right;
...
}
DEMO http://jsfiddle.net/fmaGZ/3/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)