CODEWITHSUNDEEP
jqueryhtmlprogress-baralignment
michele
michele

Reputation: 26598

jquery align progress bar

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?

Upvotes: 1

Views: 1299

Answers (3)

key2
key2

Reputation: 428

Here is the code:

jQuery(function($) {

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

$(".progressbar").css('margin-left', '90px');

$('p').css('float','left');

});

Upvotes: 0

Roko C. Buljan
Roko C. Buljan

Reputation: 206344

Here: DEMO JSFiddle

Or with jQuery only:

DEMO2

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

});

Upvotes: 3

Rauf
Rauf

Reputation: 12852

Try http://jsfiddle.net/mraufk/4K8X2/1/ 

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

Upvotes: 0

Related Questions