<commit_before># SVG Loading Animation
SVG based customizable loading animation.


## Usage
### HTML
No special markup is required to add the animation. 
```html
<button class="my-class">Submit</button>
<a class="my-class">Submit</a>
```
### JS
By default the `<button>` and `<a>` will start the animation on click. All the other containers (`<p>`, `<div>` etc.) will start the animation upon initialization.
```js
// Initialize
var circularLoading = initializeLoading('.my-class');

// Stop animation
circularLoading.triggerSuccess();           // Stop with tick mark
circularLoading.triggerFail();              // Stop with "x"
circularLoading.triggerSilentSuccess();     // Fade away
```
### Options
**Status text**
1) Via `data` attributes.
<commit_msg>Update readme, add demo link<commit_after># SVG Loading Animation
SVG based customizable loading animation.
[View Demo](http://jagjitgill.ca/code/svg-loading/)

## Usage
### HTML
No special markup is required to add the animation. 
```html
<button class="my-class">Submit</button>
<a class="my-class">Submit</a>
```
### JS
By default the `<button>` and `<a>` will start the animation on click. All the other containers (`<p>`, `<div>` etc.) will start the animation upon initialization.
```js
// Initialize
var circularLoading = initializeLoading('.my-class');

// Stop animation
circularLoading.triggerSuccess();           // Stop with tick mark
circularLoading.triggerFail();              // Stop with "x"
circularLoading.triggerSilentSuccess();     // Fade away
```
### Options
**Status text**
1) Via `data` attributes.

{'fraction_non_alphanumeric': 0.14620253164556962, 'fraction_numerical': 0.0012658227848101266, 'mean_word_length': 4.217821782178218, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1105449', 'n_tokens_mistral': 465, 'n_tokens_neox': 437, 'n_words': 160}