简单的进度条

来源:互联网 发布:客机纸模型图纸淘宝 编辑:程序博客网 时间:2024/06/04 19:03
<style>
@keyframes move{
0%{
background-position: 0 0 ;
}
100%{
background-position: 40px 0;
}
}
.progress{
width: 500px;
height: 40px;
margin: 100px auto;
background-color: white;
border-radius: 5px;
background-image: linear-gradient(
135deg,
#3e3e3e 25%,
transparent 25%,
transparent 50%,
#3e3e3e 50%,
#3e3e3e 75%,
transparent 75%,
transparent 100%
);
background-size: 40px 40px;
background-position: 0 0 ;
animation: move 1s linear infinite;
}
</style>
原创粉丝点击