.test{
  width: 70%;
  margin: auto;
  display: block;
}
.test1{
  width: 70%;
  margin: auto;
  display: block;
}

.test2{
  width: 70%;
  margin: auto;
  display: block;
}

.test3{
  width: 70%;
  margin: auto;
  display: block;
}

.prog-bar{
	width:100%;
	height:5px;
	background:#eee;	/*バーの背景色*/
	border-radius:5px;
	position:relative;
	overflow: hidden;
}
.prog-bar .bar{
	height:100%;
	background:#00aec9;	/*バーカラー*/
	position:absolute;
	animation: progress 12s normal;	/*アニメーションスピード*/
	animation-fill-mode: forwards;
}
@keyframes progress {
	0% {width: 0}
	100% {width: 100%}
}