ct-material-dashboard-pro-angular icon indicating copy to clipboard operation
ct-material-dashboard-pro-angular copied to clipboard

Progress Bar dynamic value change

Open elvisgn opened this issue 7 years ago • 3 comments

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 }}"

elvisgn avatar Mar 13 '18 12:03 elvisgn

I faced some similar problem on #147. Did you try with: attr.aria-valuenow="{{value}}"

niesteszeck avatar Mar 13 '18 12:03 niesteszeck

Tried it now, didn't work. I found this example which seems to be similar, but changes the value using js.

elvisgn avatar Mar 13 '18 18:03 elvisgn

That works with: [ngStyle]="{width: item.value+ '%'}"

khalid-mez avatar Feb 07 '20 15:02 khalid-mez