div#steps{position:absolute;width:100%;margin:16px 0 0 0px;}
ul.progressbar{height:0px;padding:0;counter-reset:step;position:relative;z-index:1;width:100%;top:0;}
ul.progressbar li{list-style-type:none;color:#000000;float:left;position:relative;text-align:center;font-size:13px;}
ul.progressbar li:before{content:"";counter-increment:step;color:#333;width:10px;height:10px;line-height:60px;border-radius:50%;display:block;text-align:center;margin:0 auto 10px auto;background:rgb(216,216,216);}
ul.progressbar li:after{content:"";background:#ddd;position:absolute;width:100%;height:4px;top:3px;right:-50%;z-index:-1;}
ul.progressbar li:last-child:after{content:none;}
ul.progressbar li.done:before, ul.progressbar li.done:after{background:#E73C33;color:#fff;}
ul.progressbar li.current:before{background:#E73C33;color:#fff;}
ul.progressbar li.fail:before{background:rgb(229, 48, 40)}