Add onAnimationEnd cb to props

README.md

@@ -120,6 +120,7 @@ options            | Options for path drawing. See [progressbar.js documentation
 initialAnimate     | If `true`, progress bar is animated to given progress when mounted. Default `false`.
 containerStyle     | Styles for progress bar container. Default `{}`.
 containerClassName | Class name for progress bar container. Default `.progressbar-container`.
+onAnimationEnd     | Callback when animation ends.
 
 ## Contributing
 

dist/react-progressbar.js

@@ -105,7 +105,7 @@
         },
 
         _animateProgress: function _animateProgress(progress) {
-            this.state.shape.animate(progress);
+            this.state.shape.animate(progress, this.props.onAnimationEnd);
         },
 
         _setProgress: function _setProgress(progress) {

local-dev/main.js

@@ -12,7 +12,7 @@ var App = React.createClass({
     },
 
     render: function() {
-        return <Circle initialAnimate={this.state.initialAnimate} options={this.state.options} progress={this.state.progress} />;
+        return <Circle onAnimationEnd={this.onAnimationEnd} initialAnimate={this.state.initialAnimate} options={this.state.options} progress={this.state.progress} />;
     },
 
     componentDidMount: function() {
@@ -32,6 +32,10 @@ var App = React.createClass({
             });
         }, 500);
 
+    },
+
+    onAnimationEnd() {
+      console.log('animation end');
     }
 });
 

package.json

@@ -64,12 +64,12 @@
     ]
   },
   "scripts": {
-    "start": "concurrent 'npm run serve' 'npm run watch-js' 'open http://localhost:8080'",
+    "start": "concurrently \"npm run serve\" \"npm run watch-js\" \"open http://localhost:8080\"",
     "watch-js": "watchify local-dev/main.js -t reactify -o local-dev/bundle.js --debug --verbose",
     "build": "babel src/main.js -o ./dist/react-progressbar.js",
     "serve": "http-server ./local-dev -c 0",
     "lint": "./tools/lint.sh",
     "jscs": "jscs ./src ./test",
     "eslint": "eslint --ext .js ./src ./test"
   }
-}
+}

src/main.js

@@ -82,7 +82,7 @@ var Shape = React.createClass({
     },
 
     _animateProgress: function _animateProgress(progress) {
-        this.state.shape.animate(progress);
+        this.state.shape.animate(progress, this.props.onAnimationEnd);
     },
 
     _setProgress: function _setProgress(progress) {