Progress bar valueDiv 0% fix

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/smoothness/jquery-ui.css">

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

CSS

p.text{
    position:relative;
    float:left;
    line-height:32px;
}
.progressbar{
margin-left:100px;
}

JavaScript

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

});