Easing Loader

Easing Loader is a jquery plugin that uses easing functions and balls to create an animated loading graphic.

Balls are animated across the width of a target div using whatever easing function you specify. To see a sample and play with some features, take a look at this fiddle: http://jsfiddle.net/wjmoody03/uyWcK/

###On Nuget https://nuget.org/packages/EasedLoading/

###Usage

  //to start the animation
  $("#targetDiv").loading();
  
  //to stop the animation graphic
  $("#targetDiv").loading(false);

####With Options

  var options = {
    easing: "easeInOutCirc" 
  };
  
  //to start the animation
  $("#targetDiv").loading(options);
  
  //to stop the animation graphic
  $("#targetDiv").loading(false);

###Dependencies

1. Jquery >=1.0
2. Jquery Easing >=1.2

###Options

Option	Type	Description	Default
easing	String	The name of the easing function to use. See this page for visualizations of the options: http://easings.net/	easeInOutQuart
easing	String	The name of the easing function to use. See this page for visualizations of the options:	easeInOutQuart
animationDuration	Number	Milliseconds it takes the balls to traverse the target div (or complete the animation)	4000
newBallsInterval	Number	New balls will begin the animation at this interval of milliseconds	400
text	String	Display this text above the animated balls. Text will fade out as the remaining balls finish their animation.
textClass	String	CSS class to apply to the text. This will override all default appearances of the text.
ballClass	String	CSS class to apply to the balls being animated. The balls are simply animated spans, by default with a border radius and a background color. This class must have position:absolute; to work correctly.
groupSize	Number	Batches balls in groups, then waits before sending the next group. If 0, it just sends a continuous stream of balls.	0