Vue进度条(Progress)

可自定义设置以下属性:

  • 进度条总宽度(width),默认600px
  • 当前进度(progress),默认36
  • 进度条线的宽度(strokeWidth),默认8px
  • 是否显示进度数值或状态图标(showInfo),默认true

效果如下图:

Vue进度条(Progress)_第1张图片

Vue进度条(Progress)_第2张图片

①创建进度条组件Progress.vue:




②在要使用的页面引入:


import Progress from '@/components/Progress'
components: {
    Progress
}

你可能感兴趣的:(js,css,Vue2,vue.js,前端)