.download-bar {
	min-height: 100px;
	display:none;
}
.meter { 
	height: 27px;
	position: relative;
	border-radius: 25px;
	padding: 2px;
	border: 1px solid #2196f3;
	text-align: center;
	max-width: 500px;
    margin: auto 10px;
}
.meter > label {
	text-align: center;
	color: #2196f3;
	font-weight: bold;
	margin: 10px;
	display: inline-block;
}
.meter > span {
	display: block;
	height: 100%;
	border-radius:20px;
	background-color: #2196f3;
	background-image: linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69%);
	box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width:0px;
}
.meter > span:after {
	content: '';
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	z-index: 1;
	background-size: 50px 50px;
	animation: move 2s linear infinite;
	border-radius: 20px;
	overflow: hidden;
}
.meter > span:after {
	animation: move 2s linear infinite;
}
@keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 50px 50px;
	}
}