All Projects → kevin940726 → Nyan Progress

kevin940726 / Nyan Progress

Licence: mit
Nyan cat progress bar in Node, why not?

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Nyan Progress

Vue Loaders
Vue + loaders.css
Stars: ✭ 127 (+273.53%)
Mutual labels:  loader, progress
Awloader
AWLoader is a UI Component that allows you to integrate loader that fits your needs within your app.
Stars: ✭ 11 (-67.65%)
Mutual labels:  loader, progress
Swiftloader
A simple and beautiful activity indicator written in Swift
Stars: ✭ 116 (+241.18%)
Mutual labels:  loader, progress
Funnyloader
Loading indicator for android with over 200 random messages
Stars: ✭ 77 (+126.47%)
Mutual labels:  loader, progress
react-awesome-loaders
🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.
Stars: ✭ 146 (+329.41%)
Mutual labels:  progress, loader
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (+647.06%)
Mutual labels:  loader, progress
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+5397.06%)
Mutual labels:  loader, progress
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (+788.24%)
Mutual labels:  loader, progress
react-native-modal-loader
Customizable animated modal progress hud for react apps.
Stars: ✭ 36 (+5.88%)
Mutual labels:  progress, loader
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (-38.24%)
Mutual labels:  progress, loader
Loading Bar
Flexible, light weighted and super fast Progress Bar Library
Stars: ✭ 300 (+782.35%)
Mutual labels:  loader, progress
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+2176.47%)
Mutual labels:  loader, progress
Centrifuge
Cross-platform runtime mod loader and API for any Unity-based game. Supports Unity 5 and up!
Stars: ✭ 18 (-47.06%)
Mutual labels:  loader
Fet Loader
moved to gitlab.com/FETLoader
Stars: ✭ 27 (-20.59%)
Mutual labels:  loader
Spookflare
Loader, dropper generator with multiple features for bypassing client-side and network-side countermeasures.
Stars: ✭ 836 (+2358.82%)
Mutual labels:  loader
Esl
enterprise standard loader
Stars: ✭ 821 (+2314.71%)
Mutual labels:  loader
Aframe Preloader Component
A preloading bar that automatically displays while scene assets load.
Stars: ✭ 27 (-20.59%)
Mutual labels:  loader
Create Content Loader
✏️ Tool to create your own react-content-loader easily.
Stars: ✭ 937 (+2655.88%)
Mutual labels:  loader
Asyncrat C Sharp
Open-Source Remote Administration Tool For Windows C# (RAT)
Stars: ✭ 819 (+2308.82%)
Mutual labels:  loader
Android Progressfragment
Implementation of the fragment with the ability to display indeterminate progress indicator when you are waiting for the initial data.
Stars: ✭ 816 (+2300%)
Mutual labels:  progress

nyan-progress

A nyan cat progress bar for Node. npm version

NPM

screenshot


Installation

yarn add nyan-progress

or if you use npm instead,

npm install --save nyan-progress

Usage

import nyanProgress from 'nyan-progress';
// OR
// const nyanProgress = require('nyan-progress);

const progress = nyanProgress(); // initialize
progress.start({ total: 100 }); // start the progress

const timer = setInterval(() => {
  progress.tick();

  if (progress.isComplete) {
    clearInterval(timer);
  }
}, 100);

The above example will produce the result shown in the gif in the begining.

options

The start() function can pass in an option object, the available options are listed below.

  • curr: the start point of the progress. Default: 0.
  • total: the end point of the progress. Default: 100.
  • width: the length of the progress bar. Default: 20.
  • renderThrottle: the interval that the progress update, in milliseconds. Default: 500.
  • message: an object containing the message to show in the progress.
    • downloading: a list of frames to show when downloading. Default: ['Nyaning. ', 'Nyaning.. ', 'Nyaning...'].
    • finished: a string to show when the progress is completed. Default: 'Nyaned'.
    • error: a string to show when the progress is interupted. Default: 'Something nyan wrong...'.
  • callback: callback function to do when completed.

You can also pass the callback function as second argument of the start() function.

progress.start({}, callback);

The start() function also return a promise.

progress.start().then(callback);

API

start(options, callback?)

The function to nyan the cat.

tick(value? = 1)

The function that increment curr by value, value is default to 1 if not specified. When curr reached to total, the progress will stop.

interupt()

For whatever reason you want to interupt the nyaning, call it. Note that it would not throw any error but display error message in the progress itself.

License

MIT

Credits

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].