React ES6 ProgressBar.js

$3

Installation

``
$ npm install --save react-es6-progressbar.js
`

Usage

`
import React, { Component } from 'react';
import { Circle, SemiCircle, Line } from 'react-es6-progressbar.js'

class App extends Component{

const circle_options = {
text: 'test',
style: {
color: 'green'
}
};

const semicircle_options = {
text: {
value: 'semicircle test',
color: 'rgba(255, 255, 255, 0.6)
},
color: '#333',
duration: 1000
};

const line_options = {
color: 'red',
easing: 'easeOut',
strokeWidth: '5'
};

render(){

return(





);

}

}
``

Props

| Prop | Type | Default | Usage |
|------|:------:|:-------:|-------|
| container_class | String | null | Class to be added to container element |
| container_style | Object | null | CSS styles for the container element |
| progress | Number | 0.5 | ProgressBar.js progress amount from 0 to 1, where 1 is 100% of the distance. |
| options | Object | null | ProgressBar.js shape container options |

Licence

MIT