Bootstrap progress bar with ng-style AngularJS

Question

I have problem with progress bar and ng-style Here's my code :

<div class="progress" >
  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" ng-style="width:datas[0].downloading">
  <span class="glyphicon glyphicon-download" ></span>
 </div>
 </div>

My plunker: http://plnkr.co/edit/g1t4pludTTIAJYKTToCK?p=preview Thanks for answers in advance!

width:datas[0].downloading gives error.

Ramsing Nadeem
– Ramsing Nadeem

2017-08-18 10:32:11 +00:00
Commented Aug 18, 2017 at 10:32 — Ramsing Nadeem
– Ramsing Nadeem, Commented Aug 18, 2017 at 10:32

Maxim Shoustin · Accepted Answer · 2017-08-18 10:31:56Z

1

Close with curly braces like: ng-style="{width:datas[0].downloading}"

Fixed demo

answered Aug 18, 2017 at 10:31

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap progress bar with ng-style AngularJS

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related