import React from 'react';
import ReactDOM from 'react-dom';
 
import LoadingBar from 'react-loadingbar';
 
class App extends React.Component {
 
  constructor() {
    super();
    this.state = {
      progress: 0,
      error: false
    }
  }
 
  render(){
    return(
      <LoadingBar
        progress={ this.state.progress }
        error={ this.state.error }
        onErrorDone={ this.errorDone.bind(this) }
        onProgressDone={ this.progressDone.bind(this) } />
    )
  }
 
  // Callback
  errorDone(){
    this.setState({ error: false })
  }
 
  progressDone() {
    this.setState({ progress: 0 })
  }
 
}
 
 
ReactDOM.render(<App />, document.getElementById("app"))
 
 

 
  render(){
    return(
      <LoadingBar
        id="loadingbar-id"
        className="custom loading-bar className"
        progress={ this.state.progress }
        direction={ this.state.direction }
        error={ this.state.error }
        onErrorDone={ this.errorDone.bind(this) }
        onProgressDone={ this.progressDone.bind(this) } />
    )
  }