@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;
}