Expert Angular

Progress bar

There exist some other Bootstrap components that we could use to enhance our form; however, too many will quickly become a case of overkill in terms of usability. For example, it will be tricky to integrate a Progress bar in to our form. What we can do, however, is add a panel to our accordion for each new Bootstrap directive we want to test.

Let's add a panel for the Progress bar:

<ngb-panel>     <template ngbPanelTitle>         <span>Progress Bar</span>     </template>     <template ngbPanelContent>       <ngb-progressbar type="success" [value]="25"></ngb-progressbar>    </template></ngb-panel>

The progressbar directive is another simple directive. It takes two @Input attributes: type and value. As usual, the type can be a success, danger, warning, or ...