title: react-progressbar.js content does not render in react project
body: <p>I would like to have a circular progress bar in my react.js project. Following <a href="https://github.com/kimmobrunfeldt/react-progressbar.js" rel="nofollow noreferrer">kimmobrunfeldt's react-progressbar.js installation notes</a>, I managed to include said library in my project. However, for some reason unknown to me, the actual progress bar does not render. The DOM inspector indicates that the progress bar's wrapper is there, but not its content. No errors show up when building with npm.</p>
  
  <p>Here is my react.js project setup:</p>
  
  <p><strong>webpack.config.js</strong></p>
  
  <pre><code>var webpack = require('webpack');
  var path = require('path');
  
  
  var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
  var APP_DIR = path.resolve(__dirname, 'src/client/app');
    module.exports = {
    entry: [ APP_DIR + '/index.jsx'],
    output: { path: BUILD_DIR, filename: 'bundle.js'},
    module: {
      loaders: [
        { test: /\.jsx?/, include : APP_DIR, loader: 'babel'},
        { test: /\.css$/, loader: "style-loader!css-loader" }
      ]
    }
  }
  </code></pre>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>{
    "name": "hello-react",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "babel": {
      "presets": [
        "es2015",
        "react"
      ]
    },
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",
      "dev": "./node_modules/.bin/webpack -d --watch"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
      "babel-loader": "^6.2.8",
      "json-loader": "^0.5.4",
      "react": "^0.14.7",
      "react-dom": "^0.14.7",
      "react-progressbar.js": "^0.2.0",
      "webpack": "^1.13.3"
    },
    "devDependencies": {
      "babel-core": "^6.4.5",
      "babel-loader": "^6.2.8",
      "babel-preset-es2015": "^6.3.13",
      "babel-preset-react": "^6.16.0",
      "css-loader": "^0.26.1",
      "react": "^0.14.8",
      "webpack": "^1.13.3",
      "webpack-dev-server": "^1.16.2",
      "webpack-loader-modules": "^1.1.0"
    }
  }
  </code></pre>
  
  <p><strong>index.jsx</strong></p>
  
  <pre><code>import React from 'react';
  import {render} from 'react-dom';
  import progressBar from 'react-progressbar.js';
  
  // ...
  
  // ...
  var Circle = progressBar.Circle;
  
  class App extends React.Component {
    render () {
      return (
  
        &lt;div&gt;
        &lt;p&gt; Hello React!&lt;/p&gt;
  
        &lt;Circle
            progress={1}
            text={'test'}
            initialAnimate= {true}
            containerClassName= {'progressbar-container'}
            /&gt;
        &lt;/div&gt;
  
      );
    }
  }
  
  // ...
  
  
  render(&lt;App/&gt;, document.getElementById('app'));
  </code></pre>