.ProgressBar {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	background-color: #ffffff;
	border-radius: 0;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	min-height: 1px;
	border: 1px solid #28970A;
}

	.ProgressBar .Bar {
		width: 0;
		/* border-radius: 3px; */
		overflow: hidden;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		-moz-transition: width .5s;
		-o-transition: width .5s;
		-webkit-transition: width .5s;
		transition: width .5s;

		background: -moz-linear-gradient(left, #28970A 50%, #38B01B 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left, right, color-stop(50%,#28970A), color-stop(100%,#38B01B)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #28970A 50%, #38B01B 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #28970A 50%, #38B01B 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #28970A 50%, #38B01B 100%); /* IE10+ */
		background: linear-gradient(to right, #28970A 50%, #38B01B 100%); /* W3C */
	}

	.ProgressBar canvas {
		position: absolute;
		margin: 0;
		top: 0;
		left: 0;
	}

	.ProgressBar p {
		position: absolute;
		margin: 0;
		padding: 0 10px;
		top: 0;
		left: 0;
		font-size: 12px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

		.ProgressBar p.BackProgressBarPercent {
			color: #3c3c3c;;
		}

		.ProgressBar p.ForeProgressBarPercent {
			color: #ffffff;
		}