ul.progress-bar{width:100%;margin:0;padding:0;font-size:0;list-style:none;}
li.section{display:inline-block;padding-top:45px;font-weight:100;line-height:16px;color:black;vertical-align:top;position:relative;text-align:left;padding-left:56px;font-family:Roboto-Regular;font-size:13px;overflow:hidden;text-overflow:ellipsis;}
li.section:before{content:'x';position:absolute;top:15px;left:30%;z-index:1;width:8px;height:8px;color:transparent;border:0px solid white;border-radius:17px;background:gray;}
.status-bar{height:3px;background:gray;position:relative;top:20px;margin:0 auto;left:-17%;}
.current-status{height:3px;width:0;border-radius:1px;background:#a43b44;}
@keyframes changeBackground{from{background:gray}
    to{background:#a43b44}
}
li.section.visited:before{content:'\2714';animation:changeBackground .5s linear;animation-fill-mode:forwards;}
li.section.visited.current:before{box-shadow:0 0 0 2px #a43b44;}
.progress-bar-wrapper{margin-top:-3px;}
@media screen and (max-width:768px){li.section:before{}
}