我们如何隐藏div的背景内容？

大家好 我正在学习 HTML 和 CSS 我有关于隐藏 div 背景内容或背景视图的问题。只想显示当前的 div 内容。我有 div，我正在显示一些内容。但是在显示时遇到了一些问题。我正在显示这个 div，但它也显示背景 div 数据或内容。有人可以指导我如何隐藏 div 的背景内容。这是我的代码实际上我在做什么。

  <div className="progressBarPosition">
      <span className="text-dark">File Upload</span>
      <div class="progress">
        <div class="progress-bar" style={{ width: `${this.props.percentage}%` }}>{this.props.percentage}%</div>
      </div>
    </div>

这是css。

.progressBarPosition{
        padding: 24px 27px;
        color: #c5c1c1;
        position: fixed;
        top: 8px;
        left: 308px;
        right: 308px;
        height: 14%;
        border: 1px solid #9B9B9B;
        box-shadow: 0 0 24px 7px;
        border-radius: 3px;
    }

这是我得到的输出。

正如您在图像中看到的，它显示背景内容以及管理个人资料、职位名称 谁能知道我如何只显示我当前的 div 内容并隐藏背景内容？

我试图应用背景颜色：白色但它不起作用如果有人知道请指导我。提前感谢任何帮助将不胜感激。