https://github.com/momsfriendlydevco/loader
Generic page loading control in plain JS + Angular
https://github.com/momsfriendlydevco/loader
Last synced: over 1 year ago
JSON representation
Generic page loading control in plain JS + Angular
- Host: GitHub
- URL: https://github.com/momsfriendlydevco/loader
- Owner: MomsFriendlyDevCo
- License: mit
- Created: 2016-06-02T01:44:49.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2018-11-15T01:41:15.000Z (over 7 years ago)
- Last Synced: 2025-03-25T12:50:55.521Z (over 1 year ago)
- Language: JavaScript
- Homepage: http://momsfriendlydevco.github.io/loader
- Size: 370 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
@momsfriendlydevco/loader
=========================
Generic page loading control in plain JS / Angular / Vue, designed to be as small as possible.
This module ships with an Angular wrapper (`$loader`) but can be addressed either as `$loader` (Angular) or `Loader` (vanilla JavaScript).
[Demo available here](http://momsfriendlydevco.github.io/loader)
This component was built by the really cool guys at [Moms Friendly Development Company](http://mfdc.biz).
```javascript
Loader.start('doing-something');
// Do something complicated
Loader.stop('doing-something');
```
Or mix up foreground + background loading:
```javascript
Loader.start('doing-something-foreground');
Loader.startBackground('doing-something-background');
// Do something complicated
Loader.stop('doing-something-foreground');
// Much later...
Loader.stop('doing-something-background');
```
Installation
============
Vanilla JavaScript + Core install
---------------------------------
* Install the library with `npm i --save @momsfriendlydevco/angular-ui-loader`
* Include the `dist/loader.css` and `dist/loader.js` files as high as possible within your `