一个Vue.js组件，可使用SVG生成各种进度条。

变更日志：

2020年8月22日

• 修复安全漏洞

进度栏类型：

• 电池
• 圈
• 圆筒
• 线
• 混合蛋白

安装和下载：

# NPM
$ npm install vuejs-progress-bar --save

使用：

1.导入vuejs-progress-bar。

import ProgressBar from 'vuejs-progress-bar'

2.注册组件。

Vue.use(ProgressBar)

3.将进度条组件插入模板。

<progress-bar
  :options="options"
  :value="25" />

4.定制进度条的可能选项。

text: {
  color: '#FFFFFF',
  shadowEnable: true,
  shadowColor: '#000000',
  fontSize: 14,
  fontFamily: 'Helvetica',
  dynamicPosition: false,
  hideText: false
},
progress: {
  color: '#2dbd2d',
  backgroundColor: '#333333'
},
layout: {
  height: 36,
  width: 140,
  verticalTextAlign: 61,
  horizontalTextAlign: 43,
  zeroOffset: 0,
  strokeWidth: 30,
  progressPadding: 10,
  type: 'line'
}