css3写的一个进度条

[MissRightsun]

<div class="progress">
<div class="progressInner"><span>14%</span></div>
</div>

.progress{background: #eae9e6;border-radius: 0.2rem;width: 100%;height: 0.34rem;box-shadow: 0 2px 0 #b5b2b0;margin-bottom: 0.4rem;position: relative;}

.progressInner{position: absolute;left: 0.03rem;top:0.04rem;height: 0.29rem;width: 50%;background-image:linear-gradient(-60deg,transparent 0rem,transparent 0.2rem,#feac1a 0.2rem,#feac1a 0.3rem,transparent 0.3rem,transparent 0.4rem);background-size:0.3rem 0.4rem;background-color:#feb31c;border-radius: 0.2rem; -webkit-animation: process 800ms infinite linear;
animation: process 800ms infinite linear;box-shadow: 0 1px 0 #cc8504;line-height: 0.29rem;color: #fff;text-shadow: 1px 1px 0 #fd7703;text-align: center;}
@-webkit-keyframes process {
0% { background-position: 0 0; }
100% { background-position: 20px 0; }
}
@keyframes process {
0% { background-position: 0 0; }
100% { background-position: 20px 0; }
}

你有更好的进度条吗？
原文：http://www.lizhi123.org/css3%E5%86%99%E7%9A%84%E4%B8%80%E4%B8%AA%E8%BF%9B%E5%BA%A6%E6%9D%A1/

[tomorrow93]

进度条我一般都是用框架做的，自己懒得写

[yuqiz1981]

去找一个JQ插件http://www.jq22.com/jquery-info5283