kevin940726 / Nyan Progress
Licence: mit
Nyan cat progress bar in Node, why not?
Stars: ✭ 34
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Nyan 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
Spookflare
Loader, dropper generator with multiple features for bypassing client-side and network-side countermeasures.
Stars: ✭ 836 (+2358.82%)
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.
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...'
.
- downloading: a list of frames to show when downloading. Default:
- 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
- visionmedia/node-progress: for inspiring the api and usage.
- milkandsour/nyanloader: for the awesome simple but cute enough nyan cat text.
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].