html水平进度轴代码,水平时间轴 html + css

比较粗糙，效果如图

这个是写微信页面时写的，pc 也是一样的效果

代码如下：

1. 预约

2. 行家确认

3. 付款

4. 见面

5. 评价

付款剩余时间：：

css:

.time_line_box{

position: relative;

height: 60px;

overflow: hidden;

}

.time_line{

position: absolute;

z-index: ;

left: ;

top: 49px;

height: 2px;

background: #dfdfdf;

-webkit-transition: -webkit-