React battle.net style progress bar

Nice progress bar ported to react from codepen.io/simeydotme/pen/IrGqz
Based on nice react-boilerplate from survivejs.com

Example

dellax.github.com/react-progress-bar-battlenet-style

Install

npm i react-progress-bar-battlenet-style --save

Usage

import ProgressBar from 'react-progress-bar-battlenet-style';
import ReactDOM from 'react-dom';
ReactDOM.render(<ProgressBar completed={30} />, container);

Optional props
colors={[orange,yellow,green]}
default: colors={[30, 55, 85]}
Percentage value at which the progress bar changes to given color

import ProgressBar from 'react-progress-bar-battlenet-style';
import ReactDOM from 'react-dom';
ReactDOM.render(<ProgressBar completed={30} colors={[30, 70, 95]} />, container);