需要实现一个竖向步骤条

需要用css画一个简单的竖向步骤条,内容不限,圆点和竖线就可以。


<!doctype html>
<style>
.fund{padding-left:15px;color:#999;font-size:12px}
.fund li{list-style:none;padding:0;position:relative;border-left:solid 1px #ccc;padding-left:10px;line-height:30px}
.fund li b,.fund .mask{position:absolute;left:-4px;width:7px;height:7px;border-radius:50%;background:#0541a7;top:50%;margin-top:-3.5px;z-index:2}
.fund .mask{background:#fff;height:15px;width:7px;left:-4px;top:0;z-index:1}
.fund li:last-of-type .mask{top:auto;bottom:0}
</style>
<ul class="fund">
    <li>
    <div class="mask"></div>
    <b></b>
    认购提交
    </li>
    <li>
        &nbsp;
    </li>
    <li>
        <div class="mask"></div>
        <b></b>查看盈亏
    </li>
</ul>

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632