jquery对齐进度条

Question

这是我的情况：

HTML

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

JS

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

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

如何将进度条与支票邮件文本对齐？

Answer 1

此处：DEMO JSFiddle

或仅使用jQuery：

DEMO2

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

});

Answer 2

尝试http://jsfiddle.net/mraufk/4K8X2/1/

jQuery(function($) {
    $(".progressbar").progressbar({ value: 10 });
    $(".progressbar").css('width', '85px'); 
});

Answer 3

以下是代码：

  

jQuery（function（$）{

     

$（“。progressbar”）。progressbar（{value：10}）;

     

$（“。progressbar”）。css（'margin-left'，'90px'）;

     

$（ 'P'）的CSS（ '浮动'， '左'）;

     

}）;