.demo{width:1000px;高度：50px；margin:100pxauto;}.slot-currentProgress{position:relative;背景色：rgb(1,152,121)；宽度：2em；边界半径：50%；行高：2；颜色：白色；}.slot-currentProgress::before{内容：'';位置：绝对；底部：-.2em；左：50%；宽度：1em；高度：1em；背景色：继承；z-指数：-1；transform:translateX(-50%)rotate(-45deg);}.text{position:absolute;字体大小：0.16rem；顶部：120%；左：50%；转换：translateX(-50%)；空白：nowrap;}个人网站https://kuangyx.cn开源地址giteehttps://gitee.com/tomiaa/vue2...githubhttps://github.com/tomiaa12/v...previewinstallnpmivue2-steps-progressstartmain.jsimportstepsProgressfrom'vue2-steps-progress'Vue.use(stepsProgress);或者importstepsProgressfrom'vue2-steps-progress'exportdefault{components:{stepsProgress,}}templatecurrentProgressproptypedefaultcurrentProgressNumber0lineBackgroundproptypedefaultlineBackgroundColorString\#dcdcdclineForegroundString\#019879startLocation&&endLocationproptypedefaultstartLocationNumber0endLocationNumber100startLocation是开始的百分比位置整个进度条endLocation是整个进度条结束的百分比位置currentProgress是startLocation和endLocation之间的百分比demo-1-stepproptypedefaultstepsArraycurrentStepNumber0roundWidthstring1emroundWidth圆半径currentStepcurrentStep为当前步的下标，currentStep之前的点亮。stepsdemo2demo3-slot{{currentProgress}}
