<div  style="border:2px solid green" #dataContainer></div>

export class ProjectDetailsComponent implements OnInit {
  @ViewChild('dataContainer') dataContainer: ElementRef;
ngOnInit() {
    this.widget = "<mat-progress-bar></mat-progress-bar>";
    this.dataContainer.nativeElement.innerHTML = this.widget;
}
}

<div [innerHTML]="{{widget}}" style="border:2px solid green"></div>

[innerHTML]="{{widget}}"

[innerHTML]="widget"