Skip to content
Simple youtube style progress bar for React
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
examples
src
.gitignore
.npmignore
README.md
package.json
webpack.config.js

README.md

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

You can’t perform that action at this time.