水平方式
arrow模式
step1
step2
step3
step4
step5
square模式
step1
step2
step3
step4
step5
round模式
step1
step2
step3
step4
step5
progress模式
step1
step2
step3
step4
step5
垂直方式(仅支持square 和round 模式)
注意垂直方式需定义ul宽度或者给予其父级宽度!
square模式
我是进度一
我是进度二
我是进度三
我是进度四
我是进度五
round模式
我是进度一
我是进度二
我是进度三
我是进度四
我是进度五
bootstrap4.x的用户可做对对应的li和a 使用对应的class 也可适用!
压缩包中step.vue为对应的vue组件