Added maxSeconds prop, where timer starts or 'started'

Author: Zarux

coffee/react-countdown-clock.coffee

@@ -12,6 +12,7 @@ module.exports = React.createClass
 
   propTypes:
     seconds: React.PropTypes.number
+    maxSeconds: React.PropTypes.number
     size: React.PropTypes.number
     weight: React.PropTypes.number
     color: React.PropTypes.string
@@ -27,6 +28,7 @@ module.exports = React.createClass
 
   getDefaultProps: ->
     seconds: 60
+    maxSeconds: 0
     size: 300
     color: '#000'
     alpha: 1
@@ -52,6 +54,10 @@ module.exports = React.createClass
 
   componentDidMount: ->
     @_seconds = @props.seconds
+    if @props.maxSeconds > 0
+      @_percentOfMax = @_seconds / @props.maxSeconds
+    else
+      @_percentOfMax = 1
     @_setupTimer()
 
   componentWillUnmount: ->
@@ -178,7 +184,7 @@ module.exports = React.createClass
       @props.fontSize
 
   _drawTimer: ->
-    percent = @_fraction * @_seconds + 1.5
+    percent = @_fraction * @_seconds * @_percentOfMax + 1.5
     formattedTime = @_formattedTime()
     text = if (@props.paused && @props.pausedText?) then @props.pausedText else formattedTime