css3简单进度条

下面代码实现一个极为简单进度条：

<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>