如何在单击按钮时动态显示mat进度条

npm install @angular/material @angular/cdk

import { Component } from '@angular/core';
import { MatSnackBar } from '@angular/material/snack-bar';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

export class YourComponent {
  showProgressBar: boolean = false;
}

<button (click)="startProgressBar()">点击开始</button>
<mat-progress-bar *ngIf="showProgressBar" mode="indeterminate"></mat-progress-bar>

startProgressBar() {
  this.showProgressBar = true;
  setTimeout(() => {
    // 模拟耗时操作
    this.showProgressBar = false;
  }, 3000); // 3秒钟
}