/muse-ui-progress

muse ui plugin progress bar like on YouTube

Primary LanguageJavaScriptMIT LicenseMIT

muse-ui-progress

Muse-UI progress plugin like on Youtube

Installation

npm install -S muse-ui-progress
// or
yarn add muse-ui-progress

CDN

<link rel="stylesheet" href="https://unpkg.com/muse-ui-loading/dist/muse-ui-loading.all.css"/>
<script src="https://unpkg.com/muse-ui-loading/dist/muse-ui-loading.js"></script>

Usage

import 'muse-ui-progress/dist/muse-ui-progress.css';
import Vue from 'vue';
import MuseUIProgress from 'muse-ui-progress';
Vue.use(MuseUIProgress);

new Vue({
  created () {
    this.$progress.start();
    this.$progress.done();
  }
})

// or
MuseUIProgress.start();
MuseUIProgress.done();

API

config

export default {
  zIndex: 2000,          // progress z-index
  top: 0,                // position fixed top
  speed: 300,            // progress speed
  color: 'primary',      // color
  size: 2,               // progress size
  className: ''          // progress custom class
};

config (config)

Change default config, Will return new config.

Methods

  • start();
  • done();

Dependencies Muse-UI

  • mu-linear-progress
  • mu-fade-transition

Licence

muse-ui-progress is open source and released under the MIT Licence.

Copyright (c) 2018 myron