如何在模态弹出窗口顶部显示Mat-Spinner进度栏？

Question

我有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-index，以便我可以在模式主体顶部显示进度条？