css - 進行状況バー全体に要素を重ねることができません

Question

ブートストラップ プログレス バー内の要素のオーバーレイに問題があります。

部分的に塗りつぶされた進行状況バーではアイコンがオーバープレイされますが、完全な進行状況バーではアイコンは表示されません。

Answer 1

アイコンはプログレスバー全体でも表示されますが、アイコンはプログレスバーによって上書きされます。独自の CSS を作成z-index: 0;し、アイコン スタイルに追加することで修正できます。

.modal-footer span{
    z-index: 0;
}

Answer 2

彼らはフロート左を使用しています...したがって、バーがそれらを押します。

アイコンを保持する div で絶対位置を使用してみてください。