css3简单进度条

版权声明：三和小钢炮 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>