css - Span and Div position in one line -

currently have span , progress div below-

enter image description here

but want -

enter image description here

current code is

<td>     <span>570</span> <br />     <div class="progress slim">        <div class="bar no-text" data-percentage="54"></div>     </div>  </td>

removing </br> not working.

update: adding style="display:inline-block;" progress div makes div disappeared.

how can place 2 contents in 1 line?

remove <br />

if have additional styling, can use display: inline css class.

Script