Initial Commit

Author: klendi

.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false
+    }],
+    "stage-0",
+    "react"
+  ]
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintrc

@@ -0,0 +1,23 @@
+{
+  "parser": "babel-eslint",
+  "extends": [
+    "standard",
+    "standard-react"
+  ],
+  "env": {
+    "es6": true
+  },
+  "plugins": [
+    "react"
+  ],
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "rules": {
+    // don't force es6 functions to include space before paren
+    "space-before-function-paren": 0,
+
+    // allow specifying true explicitly for boolean props
+    "react/jsx-boolean-value": 0
+  }
+}

.gitignore

@@ -0,0 +1,22 @@
+
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+node_modules
+/.idea
+
+# builds
+build
+dist
+.rpt2_cache
+
+# misc
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -0,0 +1,58 @@
+# react-top-loading-bar
+
+> 
+
+[![NPM](https://img.shields.io/npm/v/react-top-loading-bar.svg)](https://www.npmjs.com/package/react-top-loading-bar) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save react-top-loading-bar
+```
+
+## Usage
+
+```jsx
+import React, { Component } from 'react'
+
+import LoadingBar from 'react-top-loading-bar'
+
+export default class App extends Component {
+  state = {
+    loadingBarProgress: 0
+  }
+
+  add = value => {
+    this.setState({loadingBarProgress: this.state.loadingBarProgress + value})
+  }
+
+  complete = () => {
+    this.setState({loadingBarProgress: 100})
+  }
+
+  onLoaderFinished = () => {
+    this.setState({loadingBarProgress: 0})
+  }
+
+  render () {
+    return (
+      <div>
+        <LoadingBar
+          progress={this.state.loadingBarProgress}
+          height={3}
+          color='red'
+          onLoaderFinished={() => this.onLoaderFinished}
+        />
+        <button onClick={() => this.add(10)}>Add 10</button>
+        <button onClick={() => this.add(30)}>Add 30</button>
+        <button onClick={() => this.complete()}>Complete</button>
+      </div>
+    )
+  }
+}
+
+```
+
+## License
+
+MIT © [klendi](https://github.com/klendi)