Changing Percent Complete Dynamically

[stephenlane]

Hi There,

Just wondering is it possible to change the percent complete dynamically, trying it this way and it doesn't work

<div round-progress max="100" current=""{{mon_sleeps_p}}"" color="#45ccce" bgcolor="#eaeaea" radius="50" stroke="7" semi="false" rounded="false" clockwise="true" responsive="false" duration="800" animation="easeInOutQuart" animation-delay="0" offset="0"></div>

Thanks,

Stephen

[crisbeto]

Yes, it's possible. You have a syntax error in the current attribute: you should remove the curly braces ({{ }}):

<div round-progress max="100" current="mon_sleeps_p" color="#45ccce" bgcolor="#eaeaea" radius="50" stroke="7" semi="false" rounded="false" clockwise="true" responsive="false" duration="800" animation="easeInOutQuart" animation-delay="0" offset="0"></div>

[stephenlane]

Excellent thank you was driving me crazy :)

[crisbeto]

Also a tip: you don't have to specify all of the attributes. The example in the readme is only there to showcase them, but if they're not specified, they'll fall back to the defaults.

[stephenlane]

Excellent :) much appreciated