angluar loader

 <div *ngIf="isLoading" class="loader" >

        <mat-progress-spinner

          color="primary"

          mode="indeterminate">

        </mat-progress-spinner>

    </div>

.loader{

    border-radius: 10px;

    height: 70px;

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 70px;

    z-index: 3;

    opacity: 0.5;

}