Skip to content

scup/angular-loading-bar

 
 

Repository files navigation

angular-loading-bar

This project is a fork from: chieffancypants/angular-loading-bar

Usage:

  1. include the loading bar as a dependency for your app. If you want animations, include ngAnimate as well. note: ngAnimate is optional

    angular.module('myApp', ['angular-loading-bar', 'ngAnimate'])
  2. include the supplied JS and CSS file (or create your own CSS to override defaults).

    <link rel='stylesheet' href='build/loading-bar.min.css' type='text/css' media='all' />
    <script type='text/javascript' src='build/loading-bar.min.js'></script>
  3. That's it -- you're done!

Configuration

This fork has only one additional feature: select the parent element where the loading bar will be placed. Note: this selector will be used on jqlite find method, but additionally it can accept ids.

angular.module('myApp', ['angular-loading-bar'])
  .config(['cfpLoadingBarProvider', function(cfpLoadingBarProvider) {
    cfpLoadingBarProvider.parentSelector = '#myloadingbarcontainer'; // Default: 'body'
  }])

Other modifications

This fork does not have the spinner, only the loading-bar.

License:

Licensed under the MIT license

About

A fully automatic loading / progress bar for your angular apps.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 46.1%
  • CoffeeScript 34.1%
  • CSS 14.8%
  • HTML 5.0%