react-progress

Youtube style progress bar for React

Install

npm install react-progress --save

Usage

import React, { Component } from 'react';
import Progress from 'react-progress';
 
class View extends Component {
  render() {
    return (
      <div>
        ...
        <Progress percent={30}/>
        ...
      </div>
    );
  }
});

Props

prop	type	default	notes
classname	string	''
color	string	rainbow	keyword, hexadecimal, rgb, or hsla
percent	number	0	0-100
height	number	2	pixels
hideDelay	number	.4	seconds
speed	number	.4	seconds
style	object	{}

License

MIT