在Angular中，如果进度指示器的覆盖层未显示，可能是由于以下几个原因：

1. 检查覆盖层的样式和位置是否正确。确保覆盖层的样式设置为position: absolute;，并且正确地覆盖在进度指示器上方。

2. 确保覆盖层的z-index值较高，以确保它在进度指示器之上显示。可以将覆盖层的z-index设置为一个较大的值，例如z-index: 999;。

3. 检查是否正确地触发了进度指示器的显示和隐藏。确保在需要显示进度指示器的地方调用了相关的显示方法，例如show()，并在进度完成后调用了隐藏方法，例如hide()。

以下是一个使用Angular Material的进度指示器的示例代码：

1. 在HTML模板中，添加一个进度指示器和一个覆盖层：

2. 在CSS样式文件中，为覆盖层添加样式和位置：

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

3. 在组件中，定义一个用于控制进度指示器显示和隐藏的变量：

export class MyComponent {
  showProgress: boolean = false;

  // 显示进度指示器
  show() {
    this.showProgress = true;
  }

  // 隐藏进度指示器
  hide() {
    this.showProgress = false;
  }
}

4. 在需要显示进度指示器的地方调用show()方法，并在进度完成后调用hide()方法：

显示进度指示器
隐藏进度指示器

这样，当点击“显示进度指示器”按钮时，进度指示器和覆盖层都应该正确显示；当点击“隐藏进度指示器”按钮时，进度指示器和覆盖层应该隐藏起来。