@litt1e-p/percentage-stack-bar

a stack bar with percentage view for vue

Usage no npm install needed!

<script type="module">
  import litt1ePPercentageStackBar from 'https://cdn.skypack.dev/@litt1e-p/percentage-stack-bar';
</script>

README

PercentageStackBar

stack bar with percentage view for vue

Installation

npm i @litt1e-p/percentage-stack-bar

Usage

  1. global registration
// in main.js
import PercentageStackBar from '@litt1e-p/percentage-stack-bar'
import '@litt1e-p/percentage-stack-bar/dist/percentageStackBar.css'

Vue.use(PercentageStackBar)
  1. use as vue component
// in your vue file
import PercentageStackBar from '@litt1e-p/percentage-stack-bar'
import '@litt1e-p/percentage-stack-bar/dist/percentageStackBar.css'

export default {
  components: {
    PercentageStackBar
  }
  ...
}

Screenshots