Skip to content
master
Go to file
Code

Latest commit

Change id of container element to avoid ios issue with demo page
7068493

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Oct 20, 2016
src
Oct 20, 2016
Oct 20, 2016
Oct 20, 2016
Oct 20, 2016
Oct 20, 2016
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

About

Simplest Youtube Like Loading Bar Component For Vue 2. http://bosnaufal.github.io/vue2-loading-bar/

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.