.progress_bar {
	position: relative;
	width: 100%;
	height: 6px;
	margin: 50px 0 0;
	line-height: 26px;
	background-color: rgba(167, 167, 167, .2)
}
.progress_bar span {
	position: absolute;
	height: 100%;
	bottom: 0;
	left: 0;
	border-radius: inherit;
	background-color: #111;
	overflow: visible !important;
	transition: width 1.5s ease-in-out
}
.stripes span:before {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background-size: 30px 30px;			
	background-image: linear-gradient(to right bottom, 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);
	transform: translateZ(0);
	animation: animateStripes 3s linear infinite
}
@keyframes animateStripes {
	0% {background-position: 0 0}
	100% {background-position: 60px 0}
}
.progress_bar b {
	position: absolute;
	right: 0;
	top: -28px;
	display: none;
	font-size: 3em;
	font-weight: bold
}
.pbar2 b {
	font-size: 14px;
	background: #111;
	color: #fff;
	opacity: 1;
	padding: 2px 8px;
	font-weight: normal;
	z-index: 1;
	top: calc(50% - 15px);
	right: -20px;
	border-radius: 2px
}
.pbar3 b {
	top: -34px;
	font-size: 20px
}
.progress_bar p {
	position: absolute;
	font-size: 1.4em;
	top: -34px;
	left: 0
}
.cz_progress_bar_icon {
	position: relative;
	display: inline-block
}
.cz_progress_bar_icon i {
	display: inline;
	margin: 0 8px 0 0
}
.cz_progress_bar_icon > div {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 0;
	top: 0;
	left: 0;
	transition: all .8s ease-in-out
}
.cz_progress_bar_icon > div div {
	position: absolute;
	width: 500%
}

@media screen and (max-width:768px) {

	.progress_bar b {
		display: block
	}

}