Template:Progress/Styles.css

.zw-progress__container {
	width: 100%;
	max-width: 20em;
	margin-left: auto;
}

.zw-progress__outline {
	background: #d2d2d2;
	border: 3px solid #d2d2d2;
	border-radius: 85px;
}

.zw-progress__summary {
	text-align: center;
}

.zw-progress__background {
	width: 100%;
	background: #1a5833;
	color: #d2d2d2;
	border: 0 solid #f42069;
	border-radius: 85px;
}

.zw-progress__bar {
	background: #297355;
	border: 0px solid #297355;
	overflow: hidden;
	opacity: 1.0;
}

.zw-progress__bar-basic {
/*	background-image: -moz-linear-gradient(to right, #297355, #2e7752); */
/*	background-image: -o-linear-gradient(to right, #297355, #2e7752); */
/*	background-image: -webkit-linear-gradient(to right, #297355, #2e7752); */
	background-image: linear-gradient(to right, #297355, #2e7752);
}

.zw-progress__bar-twenty-six {
/*	background-image: -moz-linear-gradient(to right, #297355, #2e7752, #377d51); */
/*	background-image: -o-linear-gradient(to right, #297355, #2e7752, #377d51); */
/*	background-image: -webkit-linear-gradient(to right, #297355, #2e7752, #377d51); */
	background-image: linear-gradient(to right, #297355, #2e7752, #377d51);
}

.zw-progress__bar-fifty-one {
/*	background-image: -moz-linear-gradient(to right, #297355, #2e7752, #377d51, #408153); */
/*	background-image: -o-linear-gradient(to right, #297355, #2e7752, #377d51, #408153); */
/*	background-image: -webkit-linear-gradient(to right, #297355, #2e7752, #377d51, #408153); */
	background-image: linear-gradient(to right, #297355, #2e7752, #377d51, #408153);
}

.zw-progress__bar-seventy-six {
/*	background-image: -moz-linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e); */
/*	background-image: -o-linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e); */
/*	background-image: -webkit-linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e); */
	background-image: linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e);
}