如何在ProgressBar之后插入文本

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