您可以使用HTML的<progress>元素来创建带有标签的进度条。以下是一个简单的示例：
<progress max="100" value="50" class="progress-with-label">
<span>50%</span>
</progress>这将创建一个最大值为100，当前值为50的进度条，并在其中嵌套一个<span>元素，用于显示标签。您可以使用CSS来样式化进度条和标签，例如：
.progress-with-label {
position: relative;
}
.progress-with-label span {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
font-size: 0.8em;
color: #fff;
}这将使标签居中显示在进度条上，并将其文本颜色设置为白色。记得在CSS文件中添加.progress-with-label类，以确保样式应用于进度条。
关键词高亮：
<progress>元素position属性transform属性