.animated-progress {
  width: 94.6%;
  height: 12px;
  border-radius: 5px;
  margin: 20px 10px;
  border: 1px solid #E6E6E6;
  overflow: hidden;
  position: relative;
  margin: auto;
  background-color:  #FFFFFF;
}

.animated-progress span {
  height: 100%;
  display: block;
  width: 0;
  color: rgb(255, 251, 251);
  line-height: 30px;
  position: absolute;
  text-align: end;
  padding-right: 5px;
  /*margin-top: -18px;*/
}

.animated-progress-text {
	text-align: center;
	position: absolute;
    margin-left: 50%;    
    z-index: 1;
	line-height: 30px;
}

.progress-blue span {
  background-color: blue;
}
.progress-green span {
  background-color: #26B511;
}
.progress-purple span {
  background-color: indigo;
}
.progress-red span {
  background-color: red;
}

.animated-progress.thank-animated-progress span {
    width: 100% !important;
}

@media screen and (max-width: 736px) {
	.animated-progress {
		margin-top: 5px;
		height: 10px;
	}	
	
}