Basic Progress Bar React

ProgressBar.js

import React, { Component, PropTypes } from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './ProgressBar.scss';

class ProgressBar extends Component {

  render() {

    const completed = +this.props.completed;

    const style = {
      width: completed + '%',
    };

    return (
      <div className={s.root}>
        <div className={s.bar} style={style}></div>
      </div>
    );
  }

}

export default withStyles(ProgressBar, s);