Youtube style progress bar for React
npm install react-progress --save
importReact,{Component}from'react';importProgressfrom'react-progress';classViewextendsComponent{render(){return(<div>
...
<Progresspercent={30}/>
...
</div>);}});| 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 | {} |
MIT