.process{
	width:400px;
	height:14px;
	background-color:#ddd;
	border-radius:10px;
	box-shadow:inset rgba(0,0,0,0.4) 0 1px 2px;
	background-image:-webkit-linear-gradient(top,#ccc,#eee);
	overflow:hidden;
}

.processBar{
	width:20%;
	height:13px;
	background-image:
		linear-gradient(135deg,
		transparent 0%,transparent 14.3%,
		rgba(255,255,255,0.4) 14.3%, rgba(255,255,255,0.4) 28.6%,
		transparent 28.6%, transparent 42.9%,
		rgba(255,255,255,0.4) 42.9%, rgba(255,255,255,0.4) 57.2%,
		transparent 57.2%, transparent 71.5%,
		rgba(255,255,255,0.4) 71.5%, rgba(255,255,255,0.4) 85.8%,
		transparent 85.8%,transparent 100%
		),
		linear-gradient(-90deg,#20BE65,#1F78C8);
	background-size:26px 20px,100%;
	background-position:0%;
	border-radius:10px;
	box-shadow:rgba(0,0,0,1) 0 1px;
	animation:barAnimation 1s linear infinite;
	-webkit-animation:barAnimation 1s linear infinite;
	
	transition:width 5s linear;
	-webkit-transition:width 5s linear;
}

.process:hover .processBar{
	width:100%;
}
@keyframes barAnimation{
	from{
		background-position:0px,0%;
	}
	to{
		background-position:-23px,0%;
	}
}
@-webkit-keyframes barAnimation{
	from{
		background-position:0px,0%;
	}
	to{
		background-position:-23px,0%;
	}
}