.progress {
	position: relative;
	height: 4px;
	display: block;
	width: 100%;
	background-color: #3F729B;
	border-radius: 2px;
	background-clip: padding-box;
	margin: 0.5rem 0 1rem 0;
	overflow: hidden;
	-webkit-animation: random-background 5s infinite;
	animation: random-background 5s infinite;transition: all 0.3s ease-out;
}
@keyframes random-background {
	15% { background-color: #ff444480; } 
	30% { background-color: #ffbb3381; } 
	45% { background-color: rgba(0, 200, 80, 0.575); } 
	60% { background-color: #33b6e58c; }
	75% { background-color: #aa66cc7c; } 
}
.progress .indeterminate {
	background-color: #1C2331;
	-webkit-animation: random-bar 5s infinite;
	animation: random-bar 5s infinite;transition: all 0.3s ease-out;
}
@keyframes random-bar {
	15% { background-color: #ff4444; } 
	30% { background-color: #ffbb33; } 
	45% { background-color: #00C851; } 
	60% { background-color: #33b5e5; }
	75% { background-color: #aa66cc; } 
}
.progress .indeterminate:before {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%;
	}
	60% {
		left: 100%;
		right: -90%;
	}
	100% {
		left: 100%;
		right: -90%;
	}
}
@keyframes indeterminate {
	0% {
	  left: -35%;
	  right: 100%;
	}
	60% {
	  left: 100%;
	  right: -90%;
	}
	100% {
	  left: 100%;
	  right: -90%;
	}
}
@-webkit-keyframes indeterminate-short {
	0% {
	  left: -200%;
	  right: 100%;
	}
	60% {
	  left: 107%;
	  right: -8%;
	}
	100% {
	  left: 107%;
	  right: -8%;
	}
}
@keyframes indeterminate-short {
	0% {
	  left: -200%;
	  right: 100%;
	}
	60% {
	  left: 107%;
	  right: -8%;
	}
	100% {
	  left: 107%;
	  right: -8%;
	}
}
