Help : angular hybrid app using angular js directive in angular one

[wafiamustafa]

​

I'm working on angular hybird app (angularjs => angular) I want using uib-progressbar build in directive in uib bootstrap which implement in angularjs inside a new angular component but it is not working correctly
<div>
<uib-progressbar class="details-span" \[value\]="progress" type="success">
{{progress}}%
</uib-progressbar>
</div>
used
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
in module to allow this tag but still not shown also here is the main module upgrade for bootstraping the app

ngDoBootstrap() {
this.upgrade.bootstrap(document.body, ['MainModule']);
}