css3进度条 <br /> .meter { <br /> height: 20px; <br /> position: relative;<br /> margin: 60px 0 20px 0; <br /> background: #555;<br /> -moz-border-radius: 25px;<br /> -webkit-border-radius: 25px;<br /> border-radius: 25px;<br /> padding: 10px;<br /> -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);<br /> -moz-box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3);<br /> box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3);<br /> }<br /> .meter > span {<br /> display: block;<br /> height: 100%;<br /> border-radius: 20px;<br /> background-color: rgb(43,194,83);<br /> background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(43,194,83)),color-stop(1, rgb(84,240,84)));<br /> background-image: -moz-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);<br /> box-shadow: <br /> inset 0 2px 9px rgba(255,255,255,0.3),<br /> inset 0 -2px 6px rgba(0,0,0,0.4);<br /> position: relative;<br /> overflow: hidden;<br /> -webkit-animation: move .6s linear;<br /> }<br /> @-webkit-keyframes move {<br /> 0% {width:0;}<br /> 100% {width:45%;}<br /> }<br /> http://www.999jiujiu.com/
