@keyframes mymove { from { background-image:-webkit-repeating-linear-gradient(-60deg,transparent 10px,rgba(255,255,255,0.15) 10px,rgba(255,255,255,0.15) 20px,transparent 20px,rgba(255,255,255,0.15) 30px,rgba(255,255,255,0.15) 30px); background-image:-moz-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:-o-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:repeating-linear-gradient(-60deg,transparent 10px,rgba(255,255,255,0.15) 10px,rgba(255,255,255,0.15) 20px,transparent 20px,rgba(255,255,255,0.15) 30px,rgba(255,255,255,0.15) 30px); } to { background-image:-webkit-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:-moz-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:-o-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); } }.bar { width:280px; height:30px; margin:100px auto; overflow:hidden; border-radius:15px; } .jindutiao { width:0; height:30px; background:#149bdf; background-image:-webkit-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:-moz-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:-o-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); background-image:repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px); animation:mymove 0.2s infinite; }