bar is static with no event handling

[robeverett]

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]

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!