This module is DEPRECATED, please use react-progress-2.

Installation

#### JSPM
jspm install npm:react-progress-indicator --save

Include jspm_packages/react-progress-indicator/main.css to your html-file, for instance:

React progress indicator example

Include react-progress-indicator and put it somewhere in the top-component, for example:

import React from "react";
import LoadingIndicator from "react-progress-indicator";

var Layout = React.createClass({
render: function() {
return (

{/ other components go here/}

);
}
});

Now, whenever you need to show an indicator, trigger loader.show, for example:

loadFeed: function() {
$(window).trigger("loader.show");
// do your ajax thing.
},

onLoadFeedCallback: function() {
$(window).trigger("loader.hide");
// render feed.
}

.loader-60devs .loader-60devs-progress {
background: #ff6f00;
}

Created in 2015 by Ruslan Prytula (@milworm).