ul.progress-bar{width:100%;margin:0;padding:0;font-size:0;list-style:none;display:contents}li.section{display:inline-block;padding-top:45px;font-size:13px;font-weight:bold;line-height:16px;color:#808080;vertical-align:top;position:relative;text-align:center;overflow:hidden;text-overflow:ellipsis}li.section:before{content:'x';position:absolute;top:2px;left:calc(50% - 15px);z-index:1;width:30px;height:30px;color:#fff;border:2px solid #fff;border-radius:17px;line-height:30px;background:#808080}.status-bar{height:2px;background:#808080;position:relative;top:20px;margin:0 auto}.current-status{height:2px;width:0;border-radius:1px;background:#3cb371}@keyframes changeBackground{from{background:#808080}to{background:#3cb371}}li.section.visited:before{content:'✔';animation:changeBackground .5s linear;animation-fill-mode:forwards}li.section.visited.current:before{box-shadow:0 0 0 2px mediumseagreen}