CSS loading bar

.progress-container {
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.progress {
	background-color: rgba(138,138,138,0.67);
	height: 1.25em;
	position: relative;
	width: 117em;
}
.progress-bar {
	background-size: 117em 1.25em;
	height: 100%;
	position: relative;
	background-image: linear-gradient(to right, rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252));
		background-image: -o-linear-gradient(to right, rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252));
		background-image: -ms-linear-gradient(to right, rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252));
		background-image: -webkit-linear-gradient(to right, rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252));
		background-image: -moz-linear-gradient(to right, rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252), rgb(252,252,252));
	animation: cssload-width 12s cubic-bezier(0.45, 0, 1, 1) infinite;
		-o-animation: cssload-width 12s cubic-bezier(0.45, 0, 1, 1) infinite;
		-ms-animation: cssload-width 12s cubic-bezier(0.45, 0, 1, 1) infinite;
		-webkit-animation: cssload-width 12s cubic-bezier(0.45, 0, 1, 1) infinite;
		-moz-animation: cssload-width 12s cubic-bezier(0.45, 0, 1, 1) infinite;
}
.progress-shadow {
	height: 20em;
	position: absolute;
	top: 100%;
	width: 100%;
	transform: skew(45deg);
		-o-transform: skew(45deg);
		-ms-transform: skew(45deg);
		-webkit-transform: skew(45deg);
		-moz-transform: skew(45deg);
	transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
	background-image: linear-gradient(to bottom, rgba(234,236,238,0), transparent);
		background-image: -o-linear-gradient(to bottom, rgba(234,236,238,0), transparent);
		background-image: -ms-linear-gradient(to bottom, rgba(234,236,238,0), transparent);
		background-image: -webkit-linear-gradient(to bottom, rgba(234,236,238,0), transparent);
		background-image: -moz-linear-gradient(to bottom, rgba(234,236,238,0), transparent);
}



@keyframes cssload-width {
	0%, 100% {
		transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-o-keyframes cssload-width {
	0%, 100% {
		-o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-ms-keyframes cssload-width {
	0%, 100% {
		-ms-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-webkit-keyframes cssload-width {
	0%, 100% {
		-webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-moz-keyframes cssload-width {
	0%, 100% {
		-moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}