Html 如何在模式弹出窗口的顶部显示mat spinner进度条？

我有一个mat spinner进度条，它的CSS已经在style.CSS中设置，因为我在所有组件中都使用它。在一个特定的组件中，我有一个模式弹出窗口，我想在上面显示一个进度条。但是我的CSS似乎不起作用。请帮忙

进度条的style.CSS中的当前CSS为

.loading-div {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

模态的CSS

.modal {
  position: fixed;
  left: 15%;
  top: 2%;
  width :930px;
  height: 630px;
  z-index: 80;

 }

 .modal-body {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  background: #fff;
  height :630px;
  width :930px; 
  margin: 10px;
  overflow: auto;

}

.modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 900; 
}

---

z索引应该是什么，这样我就可以在模态体的顶部显示进度条？

您可以添加html吗？我没有在模态中添加微调器div。修正了你可以添加你的html吗？我错过了在模态中添加微调器div。修好了