title: Why does my progress bar display a floating point value?
body: <p>'value' in this example is 5, 'maxValue' is 39. The value displayed on the progress bar (a <a href="http://wijmo.com/wiki/index.php/Progressbar" rel="nofollow">wijmo progressbar</a>)  is 5.07. {0} should tell the progressbar to show a progress value rather than a percentage. If I change the value to 8, maintaining the max value as 39, the value displayed becomes 8.19. I'm a bit confused as to why I am seeing floating point numbers and not integers. I can't see anything in the progressbar code which would display anything other than self.value() which logs to the console as an integer. So what might be causing this behaviour?</p>
  
  <pre><code>$("#proBarAdherence").wijprogressbar({
  
    value: Gymloop.completedCount,
    animationOptions: {
      duration: 1000
    },
  
    maxValue: Gymloop.targetSessions,
    indicatorImage: '/images/progbar_red.png',
    labelAlign: 'running',
    labelFormatString: '{0} sessions completed',
    beforeProgressChanging: function(e,data) {
      console.log('beforeprogresschanging',data);
    },
    progressChanging: function (e,data) {
      console.log('progresschanging',data);
  
    },
    progressChanged : function (e,data) {
      console.log('progresschanged',data);
    }
  });
  
  beforeprogresschanging Object { oldValue="5", newValue=5}
  progresschanging Object { oldValue="5", newValue=0}
  progresschanging Object { oldValue="0", newValue=1.17}
  progresschanging Object { oldValue="1.17", newValue=1.56}
  progresschanging Object { oldValue="1.56", newValue=1.95}
  progresschanging Object { oldValue="1.95", newValue=2.34}
  progresschanging Object { oldValue="2.34", newValue=2.73}
  progresschanging Object { oldValue="2.73", newValue=3.12}
  progresschanging Object { oldValue="3.12", newValue=3.51}
  progresschanging Object { oldValue="3.51", newValue=3.9}
  progresschanging Object { oldValue="3.9", newValue=4.29}
  progresschanging Object { oldValue="4.29", newValue=4.68}
  progresschanging Object { oldValue="4.68", newValue=5.07}
  progresschanged Object { oldValue="5", newValue=5}
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <p>I can see the value's during the progressChanging event but am not sure how to make the label display 5 instead of 5.07 once the the animation is complete? There is a live example <a href="http://jsfiddle.net/codecowboy/tAC7b/12/" rel="nofollow">here</a></p>