.progress-bar_wrap {
  width: 246px;
  height: 5px;
  background: #F6F6FA;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 5px;
  visibility:hidden;
 
}



progress-bar_item {
  display: inline-block;
  height: 100%;
  width: 33.33%;
  float: left;
  visibility: hidden;
  transition: background-color .2s, visisility .1s;
}

.active {
  visibility: visible;
}


.progress-bar_text {
  display: inline-block;
  color: #aaa;
  margin-left: 5px;
  transition: .2s;
}



.progress-bar_item {
  display: inline-block;
  height: 100%;
  width: 32.5%;
  margin-right: .8%;
  border-radius: 5px;
  float: left;
  
  transition: background-color .2s, visisility .1s;
}

 .progress-bar_item-1.active {
  background-color: #FF4B47;
}

.progress-bar_item-2.active {
  background-color: #F9AE35;
}

.progress-bar_item-3.active {
  background-color: #2DAF7D;
}