progress {
	vertical-align: baseline
}

@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}

.progress {
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: .65625rem;
	background-color: #C9D2E3;
	border-radius: 6px;
}

.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	background-color: #1F6bFF;
	transition: width .6s ease;
}

.progress>.php {
	background-color: #666699;
}

.progress>.hack {
	background-color: #878787;
}

.progress>.html {
	background-color: #E44D26;
}

.progress>.css {
	background-color: #28AAE1;
}

.progress>.javascript {
	background-color: #F1C027;
}

.progress>.python {
	background-color: #407AAA;
}

.progress>.ruby {
	background-color: #7C0400;
}

.progress>.c {
	background-color: #1B75B3;
}

.progress>.c-sharp {
	background-color: #68217A;
}

.progress>.c-plus-plus {
	background-color: #004482;
}

.progress>.visual-basic {
	background-color: #643098;
}

.progress>.erlang {
	background-color: #8A0032;
}

.progress>.scala {
	background-color: #A6221E;
}

.progress>.swift {
	background-color: #FD2321;
}

.progress>.java {
	background-color: #4D7796;
}

.progress>.go {
	background-color: #3B89BE;
}

.progress>.lua {
	background-color: #00007E;
}

.progress>.prolog {
	background-color: #0C2B48;
}

.progress>.perl {
	background-color: #303066;
}

.progress>.cold-fusion {
	background-color: #DAEDFC;
}

.progress>.apache {
	background-color: #F46844;
}

.progress>.mysql {
	background-color: #F59620;
}

@media (prefers-reduced-motion:reduce) {
	.progress-bar {
		transition: none
	}
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem
}

.progress-bar-animated {
	-webkit-animation: 1s linear infinite progress-bar-stripes;
	animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
	.progress-bar-animated {
		-webkit-animation: none;
		animation: none
	}
}