Shapla-progress-bar NPM

Shapla Progress Bar

A custom progress bar featuring support for stacked bars, animated backgrounds, and text labels.

npm install --save shapla-progress-bar

Add the component:

import progressBar from 'shapla-progress-bar';

export default {
  name: 'Hello',

  components: {
    progressBar
  }
}

<progress-bar :value="1" :max="10" :striped="true" :animated="true" size="small" theme="primary"/>

Property	Type	Required	Default	Description
`value`	Number	no	\| Current progress value
`max`	Number	no	`1`	Max progress value
`label`	String	no	\| Label text
`striped`	Boolean	no	`false`	Set `true` to display stripped design
`animated`	Boolean	no	`false`	Set `true` to display stripped animation
`size`	String	no	`default`	Progress bar height. Value can be `tiny`, `small`, `medium`, `large`
`theme`	String	no	`default`	Progress bar color theme. Value can be `primary`, `secondary`

4 years ago