我正在使用Twitter Bootstrap建立网站。我想使用进度条来显示过程的完成百分比。
在进度条中,我想显示过程中的步骤名称,并在进度条的开始或结尾使用徽章来显示完成百分比。 这是我想要做的JS Fiddle链接。
但是进度条和进度条背景不会并排对齐。我不太擅长CSS,所以不确定我能做什么来使它们在同一行上对齐。
在进度条中,我想显示过程中的步骤名称,并在进度条的开始或结尾使用徽章来显示完成百分比。 这是我想要做的JS Fiddle链接。
<div id="coolstuff" style="margin-top: 10px;">
<span class="badge" style="padding: 3px; width: 10px">10%</span>
<div class="progress" id="prgbar">
<div title="PO Details" class="bar" style="width: 20%;" id="prgwidth">Add New PO Detail</div>
</div><!-- end of progress bar -->
</div> <!-- end of cool stuff -->
但是进度条和进度条背景不会并排对齐。我不太擅长CSS,所以不确定我能做什么来使它们在同一行上对齐。