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.

Answer 1

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; "/>

Answer 2

This does work, thanks! In the DOM Explorer the values look a bit strange (double precision) but the visuals are ok.