Popularity
0.6
Growing
Activity
4.7
Growing
9
2
5

Description

Display loading overlay easily and beautifully in your application. JS loading overlay using awesome spinner from Load Awesome. It contains 52 spinner you can choose.

Monthly Downloads: 0
Programming language: JavaScript
License: GNU General Public License v3.0 or later
Tags: Animations     JavaScript     Loading     Spinner     Overlay     Ajax    
Latest version: v1.2.0

js-loading-overlay alternatives and similar libraries

Based on the "Animations" category.
Alternatively, view js-loading-overlay alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of js-loading-overlay or a related project?

Add another 'Animations' Library

README

JS Loading Overlay

Build Status Coverage Status Scrutinizer Code Quality Downloads Version Size

Display loading overlay easily and beautifully in your application. JS loading overlay using awesome spinner from Load Awesome. It contains 52 spinner you can choose.

Features

  • Full page loading overlay. Able to show full page loading overlay.

  • Loading overlay inside container. Able to display the loading overlay inside the container

  • Lock scroll. Able to lock the scroll during loading overlay active.

Documentation

For detail of installation instructions, in-depth usage, please take a look at the documentation.

How To Install

NPM
npm install --save js-loading-overlay

Yarn
yarn add js-loading-overlay

Use without NPM or Yarn
import 'js-loading-overlay'
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});

How To Use

import 'js-loading-overlay'
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});

or

<script src="js-loading-overlay.min.js"></script>
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});

Show loading overlay with default options

JsLoadingOverlay.show();

Show loading overlay with custom options

JsLoadingOverlay.show({
  'overlayBackgroundColor': '#666666',
  'overlayOpacity': 0.6,
  'spinnerIcon': 'ball-atom',
  'spinnerColor': '#000',
  'spinnerSize': '2x',
  'overlayIDName': 'overlay',
  'spinnerIDName': 'spinner',
  'spinnerZIndex':99999,
  'overlayZIndex':99998
});

Hide Loading Overlay

JsLoadingOverlay.hide();

Changelog

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.


*Note that all licence references and agreements mentioned in the js-loading-overlay README section above are relevant to that project's source code only.