#progress{padding:0;list-style-type:none;font-family:arial;font-weight:700;font-size:16px;clear:both;line-height:1em;margin:0 -1px;text-align:center;position:relative;z-index:0}#progress button{float:left;background:#cbd0d8;color:#000;position:relative;width:100%;height:52px;margin:0 4px}#progress button:before{border-left:10px solid #f7f7f7;left:0}#progress button:after,#progress button:before{content:"";border-top:25px solid rgba(0,0,0,0);border-bottom:27px solid rgba(0,0,0,0);position:absolute;top:0}#progress button:after{border-left:10px solid #cbd0d8;left:100%;z-index:20}#progress button.active{background:#1b365d;color:#fff}#progress button.active:after{border-left-color:#1b365d}#progress button:first-child:before,#progress button:last-child:after{border:0}#progress button:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}#progress button:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}