ct-material-dashboard-pro-angular
ct-material-dashboard-pro-angular copied to clipboard
Progress Bar dynamic value change
Hi, I'm trying the following code
<div class="progress progress-line-primary">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
and find that I can't set 'aria-valuenow' dynamically. I tried both
[aria-valuenow]="value"
aria-valuenow="{{ value }}"
I faced some similar problem on #147. Did you try with:
attr.aria-valuenow="{{value}}"
Tried it now, didn't work. I found this example which seems to be similar, but changes the value using js.
That works with: [ngStyle]="{width: item.value+ '%'}"