SOURCE

<div class="loading">
	<div class="pic">
		<i></i>
		<i></i>
		<i></i>
		<i></i>
		<i></i>
	</div>
</div>

.loading .pic i {
	width: 6px;
	height: 50px;
	display: block;
	background-color: coral;
	float: left;
	margin-right: 2px;
	transform: scaleY(0.4);
	animation: load 1.2s infinite;
}
.loading .pic i:nth-child(1){}
.loading .pic i:nth-child(2){animation-delay: 0.1s;}
.loading .pic i:nth-child(3){animation-delay: 0.2s;}
.loading .pic i:nth-child(4){animation-delay: 0.3s;}
.loading .pic i:nth-child(5){animation-delay: 0.4s;}
@keyframes load{
	0%,40%,100% {transform: scaleY(0.4)}
	20%{transform: scaleY(1)}
}