使用伪元素和数据属性(works only on chrome …)
.progress:before {
content:attr(data-text);
}
.progress {
text-align:center;
}
或者,您可以简单地考虑一个额外的包装器:
.progress:before {
content:attr(data-text);
position:absolute;
left:0;
right:0;
}
.progress {
text-align:center;
display:inline-block;
position:relative;
}
包括bulma:
.progress-container:before {
content: attr(data-text);
position: absolute;
left: 0;
right: 0;
top:0;
line-height:1em;
}
.progress-container {
text-align: center;
position: relative;
}