html - How to insert text exactly after progressbar -

i have jquery progress bar, need insert text after progress bar. text comes under progress bar. please let me know how solve this. have tried using:

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

you can use 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; }

Test