Dear Aroquissamy LA ROZE,

Unfortunately, for mdb-progress-bar there's no global service from which you can show/hide it.

But you can achieve this behavior by using *ngIf to determine when mdb-progress-bar should be visible.

Please take a look at below code. This is a simulation of 3s loading content, and then progress bar is hiding.

.html:

<div class="row">
  <div class="col-md-6 mx-auto my-5">
    <mdb-progress-bar *ngIf="visibleProgressBar" class="progress primary-color-dark" mode="indeterminate"></mdb-progress-bar>
  </div>
</div>

.ts:

visibleProgressBar = true;

  ngAfterViewInit() {
    setTimeout(() => {
      this.visibleProgressBar = false;
    }, 3000);
  }

Best Regards,

Damian