Simplest Youtube Like Loading Bar Component For Vue 2. http://bosnaufal.github.io/vue2-loading-bar/
Switch branches/tags
Nothing to show
Clone or download
BosNaufal Merge pull request #2 from sudodoki/master
Change id of container element to avoid ios issue with demo page
Latest commit 7068493 Jan 9, 2017
Permalink
Failed to load latest commit information.
build First Commit Oct 20, 2016
src First Commit Oct 20, 2016
webpack First Commit Oct 20, 2016
.gitignore First Commit Oct 20, 2016
LICENSE First Commit Oct 20, 2016
README.md First Commit Oct 20, 2016
index.html Change id of container element to avoid ios issue Jan 7, 2017
package.json First Commit Oct 20, 2016

README.md

Vue 2 Loading Bar

Simplest Youtube Like Loading Bar Component For Vue 2

DEMO

Install

You can import vue2-loading-bar to your vue component file like this and process it with your preprocessor.

or

You can install it via NPM

npm install vue2-loading-bar

or

just include vue2-loading-bar.min.js to your view like this

Usage

In Your HTML:

<loading-bar
  id="loading-bar-id"
  custom-class="custom-class"
  :on-error-done="errorDone"
  :on-progress-done="progressDone"
  :progress="progress"
  :direction="direction"
  :error="error" >
</loading-bar>

Props

id (String)

custom Id in vue2-loading-bar component

customClass (String)

custom className in vue2-loading-bar component

progress (Number)

The Progress Percentage of vue2-loading-bar component

direction (String)

The Animation Direction of vue2-loading-bar component. You can fill it with 'right' or 'left' default is 'right'

error (Boolean)

Indicate the component to showing the error state.

onErrorDone (Function, required)

Should change the parent state when the loading-bar has finished with its error state

onProgressDone (Function, required)

Should netralize the parent's progress state to be 0

Thank You for Making this useful~

Let's talk about some projects with me

Just Contact Me At:

License

MIT Copyright (c) 2016 - forever Naufal Rabbani