hilongjw / vue-progressbar

A lightweight progress bar for vue
http://hilongjw.github.io/vue-progressbar
MIT License
1.46k stars 162 forks source link

Github Pages example/documentation is inconsistent with the repository #67

Open AlbinoDrought opened 6 years ago

AlbinoDrought commented 6 years ago

I wanted to change the height of the loading bar.

On the Github Pages link, it says:

Vue.use(VueProgressBar, {
  color: 'rgb(143, 255, 199)',
  failedColor: 'red',
  height: '2px'
})

This didn't work - my bar was staying 2px tall no matter what.

On the Repository, it says:

const options = {
  color: '#bffaf3',
  failedColor: '#874b4b',
  thickness: '5px',
  transition: {
    speed: '0.2s',
    opacity: '0.6s',
    termination: 300
  },
  autoRevert: true,
  location: 'left',
  inverse: false
}

This did work - I could make my bar any height.

Not sure if the docs are outdated (haven't been published in a while), or incorrect, or something else. The Github Pages are linked to from the main repository page: https://github.com/hilongjw/vue-progressbar