I'；我正在尝试用html、css创建一个简单的progressbar。但我的分区是重叠的

我有一个父和子div。我想将父文本放置在子的背景色上。看看我的例子，这样就更有意义了。我想实现这种外观：

现在我使用不透明度来不覆盖进度条的标签。我的目标是只使用正常的颜色，没有不透明度，但仍然可以清楚地看到标签

 <div class="outer">
      <div class="inner"></div>
      67 / 90
 </div>

67/90

像这样的事

div.outer{
边界半径：25px；
边框：3倍纯黑；
背景颜色：灰色；
宽度：40%；
位置：相对位置；
显示：内联块；
溢出：隐藏；
文本对齐：居中；
高度：1米；
}
内分区{
高度：26px；
背景颜色：绿色；
宽度：钙（（67/90）*100%）；
位置：绝对位置；
}
分区标签{
位置：绝对位置；
宽度：100%；
}

67/90

使用

溢出：隐藏以避免内部div溢出
在后台使用

z-index: -1;

结果：
谢谢您的回答。我的问题是，我仍然必须对内部div的颜色使用不透明度。如果我使用普通颜色，它只会覆盖我的数据标签：（是的，您需要在数据标签上使用position:absolute和z-index，而不是将其放在div的顶部。我认为ZorgoZ的答案正是如此。您的问题是内部
div
元素将始终覆盖内部文本节点。请参阅我的解决方案。