版权声明:三和小钢炮 https://blog.csdn.net/fwx426328/article/details/84503359
下面代码实现一个极为简单进度条:
<style type="text/css">
.progress-wrap {
border: solid 1px #333;
}
.bar {
background: #60c0e0;
height: 30px;
}
.progress {
animation: progress 5s;
}
@keyframes progress {
from { width: 0%; }
to { width: 100%; }
}
</style>
<div class="progress-wrap">
<div class="bar progress"></div>
</div>