search

minddust / bootstrap-progressbar

progressbar interactions for twitter bootstrap 2 & 3
www.minddust.com/project/bootstrap-progressbar
MIT License
577 stars 160 forks source link

bar is static with no event handling #61

Open robeverett opened 5 years ago

robeverett commented 5 years ago

I'm trying to show a progress bar in my Angular reactive form to show the percentage of completion of the form.

I followed the bootstrap page to the 'T', but I just get a static grey bar. How do I 'power' the progress bar ?

`

25%

`

robeverett commented 5 years ago

Sorted it now, from StackOverflow:

<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" [attr.aria-valuenow]="percentageComplete" [style.width.%]="percentageComplete">{{ percentageComplete }}% Complete</div> </div>

Unless I missed something, Bootstrap didnt explain the property binding part!