.progress-bar.container{
	height: 30px;
	position: relative;
	text-align: center;
	margin: 10px 0;
	background: white;
	width: 310px;
}

.progress-bar.progress{
	background-color: #428bca;
	height: 30px;
	position: absolute;
	width: 0;
	z-index: 2;
	top: 0;
	left: 0;
	overflow: hidden;
}
.progress-bar.progress.static{
	width: 100%;
}
.progress-bar.progress.dynamic{
	transition: width .6s ease;
}

.progress-bar.progress.animation{
	background-image: -webkit-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-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: 40px 40px;

	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar.p-label,
.progress-bar.p-label-under{
	position: absolute;
	height: 100%;
	line-height: 32px;
	text-align: center;
	width: 310px;
	font-weight: bold;
}
.progress-bar.p-label{
	color: white;
	z-index: 3;
}
.progress-bar.p-label-under{
	color: inherit;
	z-index: 1;
}

@-webkit-keyframes progress-bar-stripes {
	from { background-position: 40px 0; }
	to { background-position: 0 0; }
}

@-moz-keyframes progress-bar-stripes {
	from { background-position: 40px 0; }
	to { background-position: 0 0; }
}

@-ms-keyframes progress-bar-stripes {
	from { background-position: 40px 0; }
	to { background-position: 0 0; }
}

@-o-keyframes progress-bar-stripes {
	from { background-position: 40px 0; }
	to { background-position: 0 0; }
}

@keyframes progress-bar-stripes {
	from { background-position: 40px 0; }
	to { background-position: 0 0; }
}