JS实现数据动态渲染的竖向步骤条

本文实例为大家分享了JS实现数据动态渲染竖向步骤条的具体代码,供大家参考,具体内容如下 实现以下效果: 运用的知识点主要是html的伪元素。然后步骤条通过js动态渲染。最后一条数据的状态颜色状态为高亮状态。 直接上代码 html部分: css部分: * { margin: 0; padding: 0; } ul { width: 360px; margin:100px auto; } li { position: relative; padding: 0