jquery align progress bar

Question

this is my situation:

HTML

<p>Controlla mail</p>
<div class="progressbar"></div>

JS

jQuery(function($) {
    $(".progressbar").progressbar({ value: 10 });
});

http://jsfiddle.net/michelejs/SByqS/

How can I align the progress bar with check mail text?

Answer 1

Here: DEMO JSFiddle

Or with jQuery only:

DEMO2

jQuery(function($) {
    $(".progressbar").progressbar({
        value: 10
    }).css({marginLeft:'100px'}).prev('p').css({float:'left', lineHeight:'34px'});

});