All Projects β†’ rafaelrinaldi β†’ loading-indicator

rafaelrinaldi / loading-indicator

Licence: MIT license
🚦 Simple and customizable command line loading indicator

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to loading-indicator

Vue Loading Overlay
Vue.js component for full screen loading indicator πŸŒ€
Stars: ✭ 784 (+4255.56%)
Mutual labels:  spinner, loading, indicator
Vue Loaders
Vue + loaders.css
Stars: ✭ 127 (+605.56%)
Mutual labels:  spinner, loading, indicator
Instagramactivityindicator
Activity Indicator similar to Instagram's.
Stars: ✭ 138 (+666.67%)
Mutual labels:  spinner, indicator
Vue Full Loading
Full overlay loading with spinner for Vue
Stars: ✭ 148 (+722.22%)
Mutual labels:  spinner, loading
Vue Element Loading
⏳ Loading inside a container or full screen for Vue.js
Stars: ✭ 234 (+1200%)
Mutual labels:  spinner, loading
Spinner
Go (golang) package with 90 configurable terminal spinner/progress indicators.
Stars: ✭ 1,637 (+8994.44%)
Mutual labels:  spinner, indicator
Ng Block Ui
Block UI Loader/Spinner for Angular
Stars: ✭ 135 (+650%)
Mutual labels:  spinner, loading
React Nprogress
βŒ›οΈ A React primitive for building slim progress bars.
Stars: ✭ 173 (+861.11%)
Mutual labels:  spinner, loading
Spinners
A Sass mixin to generate fully customizable, pure CSS3 loading/busy indicators
Stars: ✭ 33 (+83.33%)
Mutual labels:  spinner, loading
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (+394.44%)
Mutual labels:  spinner, loading
Fliplog
fluent logging with verbose insight, colors, tables, emoji, filtering, spinners, progress bars, timestamps, capturing, stack traces, tracking, presets, & more...
Stars: ✭ 41 (+127.78%)
Mutual labels:  emoji, spinner
loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (+111.11%)
Mutual labels:  spinner, indicator
React Native Loading Spinner Overlay
πŸ’ˆ React Native loading spinner overlay
Stars: ✭ 1,369 (+7505.56%)
Mutual labels:  spinner, loading
Android Spinkit
Android loading animations
Stars: ✭ 8,096 (+44877.78%)
Mutual labels:  spinner, loading
Css Spinner
small, elegant pure css spinner for ajax or loading animation
Stars: ✭ 1,013 (+5527.78%)
Mutual labels:  spinner, loading
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+10283.33%)
Mutual labels:  spinner, loading
flutter easyloading
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
Stars: ✭ 1,021 (+5572.22%)
Mutual labels:  loading, indicator
React Circle
Renders a svg circle + progress, it just works πŸ’˜
Stars: ✭ 925 (+5038.89%)
Mutual labels:  spinner, loading
Angular Loading Feedback
Angular directive to indicate loads in app
Stars: ✭ 8 (-55.56%)
Mutual labels:  spinner, loading
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (+1311.11%)
Mutual labels:  spinner, loading

loading-indicator Build Status

Simple and customizable command line loading indicator

Install

Warning: v2.0.0 is a complete rewrite of the previous implementation.

$ npm install loading-indicator --save

Usage

import loading from 'loading-indicator';

// Initialize the loading animation and saves the timer id
const timer = loading.start();

// 1500ms later, stop the loading animation passing along the timer id
setTimeout(() => {
  loading.stop(timer);
}, 1500);

demo-default

Presets

import loading from 'loading-indicator';
// Import available presets
import presets from 'loading-indicator/presets';

// Use an available preset (or simply provides an array with your custom preset)
const timer = loading.start(null, {
  frames: presets.arrows
});

demo-presets

Custom text

import loading from 'loading-indicator';

// Setup a custom loading text
const timer = loading.start('Loading...');

demo-custom-text

API

loading.start([text], [options])

Returns a number with the id that is used to reset the render interval (later referenced as timer).

text

Type: string
Default: null

Text do append to the indicator symbol.

options

Type: object

Available options.

options.delay

Type: number (milliseconds)
Default: 100

Delay for the render to be triggered.

options.frames

Type: array
Default: presets.spinner

Frames for the loading animation sequence.

Available presets are:

loading.stop(timer, [shouldKeepOutput])

timer

Required
Type: number (integer)

Id of the render function interval.

shouldKeepOutput

Type: boolean
Default: false

Whether or not to keep the output when loading.stop() is called.

License

MIT ©️ Rafael Rinaldi

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].