如何在进度条后准确插入文本

Question

我有一个jquery进度条，我需要在进度条之后插入一些文本。 但文字属于进度条。请让我知道如何解决这个问题。 我尝试过使用：

<div id="progressbar" style="width:150px;height:25px;"></div><div>Lesson 2</div>

Answer 1

您可以使用display:inline-block

HTML：

<div id="progressbar" style="width:150px;height:25px;"></div>
<div id="text">Lesson2</div>

CSS：

#progressbar{
    background-color:red;
    display: inline-block;
}
#text{
    display: inline-block;
}

DEMO