locked
Progress element does not react to data-binding

    Question

  • I have a progress bar in my list item template:

    <progress data-win-bind="value: bytesReceived; max: totalBytesToReceive"/>

    But it does not set the properties correct. The progress value and max are always 0.

    Tuesday, October 2, 2012 10:36 AM

Answers

  • Please use progress bar in below way, that is you should bind "max" first and then actual "value" later.

    <progress data-win-bind="max: totalBytesToReceive;value: bytesReceived; "/>

    • Marked as answer by phil_ke Monday, October 15, 2012 2:01 PM
    Thursday, October 11, 2012 4:16 PM

All replies

  • Please use progress bar in below way, that is you should bind "max" first and then actual "value" later.

    <progress data-win-bind="max: totalBytesToReceive;value: bytesReceived; "/>

    • Marked as answer by phil_ke Monday, October 15, 2012 2:01 PM
    Thursday, October 11, 2012 4:16 PM
  • This does work, thanks! In the DOM Explorer the values look a bit strange (double precision) but the visuals are ok.
    Monday, October 15, 2012 2:01 PM