@media all {
	.progress {
		color: #000000;
		font-family: sans-serif;
		font-size: 12px;
		padding: 1px;
	}

	.progressSmall {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 20px, #FFFF00 40px, #AAFF00 60px, #00FF00 80px);
		color: #000000;
		font-family: sans-serif;
		font-size: 12px;
		padding: 1px;
	}
}

@media all and (min-width: 80px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 20px, #FFFF00 40px, #AAFF00 60px, #00FF00 80px);
	}
}

@media all and (min-width: 160px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 40px, #FFFF00 80px, #AAFF00 120px, #00FF00 160px);
	}
}

@media all and (min-width: 240px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 60px, #FFFF00 120px, #AAFF00 180px, #00FF00 240px);
	}
}

@media all and (min-width: 320px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 80px, #FFFF00 160px, #AAFF00 240px, #00FF00 320px);
	}
}

@media all and (min-width: 400px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 100px, #FFFF00 200px, #AAFF00 300px, #00FF00 400px);
	}
}

@media all and (min-width: 480px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 120px, #FFFF00 240px, #AAFF00 360px, #00FF00 480px);
	}
}

@media all and (min-width: 560px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 140px, #FFFF00 280px, #AAFF00 420px, #00FF00 560px);
	}
}

@media all and (min-width: 640px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 160px, #FFFF00 320px, #AAFF00 480px, #00FF00 640px);
	}
}

@media all and (min-width: 720px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 180px, #FFFF00 360px, #AAFF00 540px, #00FF00 720px);
	}
}

@media all and (min-width: 800px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 200px, #FFFF00 400px, #AAFF00 600px, #00FF00 800px);
	}
}

@media all and (min-width: 960px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 240px, #FFFF00 480px, #AAFF00 720px, #00FF00 960px);
	}
}

@media all and (min-width: 1120px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 280px, #FFFF00 560px, #AAFF00 840px, #00FF00 1120px);
	}
}

@media all and (min-width: 1280px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 320px, #FFFF00 640px, #AAFF00 960px, #00FF00 1280px);
	}
}

@media all and (min-width: 1440px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 360px, #FFFF00 720px, #AAFF00 1080px, #00FF00 1440px);
	}
}

@media all and (min-width: 1600px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 400px, #FFFF00 800px, #AAFF00 1200px, #00FF00 1600px);
	}
}

@media all and (min-width: 1920px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 480px, #FFFF00 960px, #AAFF00 1440px, #00FF00 1920px);
	}
}

@media all and (min-width: 2240px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 560px, #FFFF00 1120px, #AAFF00 1680px, #00FF00 2240px);
	}
}

@media all and (min-width: 2560px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 640px, #FFFF00 1280px, #AAFF00 1920px, #00FF00 2560px);
	}
}

@media all and (min-width: 2880px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 720px, #FFFF00 1440px, #AAFF00 2160px, #00FF00 2880px);
	}
}

@media all and (min-width: 3200px) {
	.progress {
		background: linear-gradient(to right, #FF0000 0px, #FFAA00 800px, #FFFF00 1600px, #AAFF00 2400px, #00FF00 3200px);
	}
}