jQueryUI Progressbar won't ease

Question

When I apply the following code it sets the correct bar value but doesnt do any easing?

$("#myBar").progressbar({ value: 25, speed: 1500, easing: 'easeOutBounce'});

What am I missing, any help appreciated!

Thanks

---

Solution:

I kinda worked it out myself

$("#myBar").progressbar({ value: 25, speed: 1500, easing: 'easeOutBounce'});

was indeed invalid code (thanks Orenet!), using:

$('#myBar div').stop().animate({width: val + '%'},1000, 'easeOutBounce');

didn't work immediately as the div with the actual bar was hidden even initializing it before didnt work. At the moment i am just unhide it. any better solution?

Answer 1

Solution:

I kinda worked it out myself

$("#myBar").progressbar({ value: 25, speed: 1500, easing: 'easeOutBounce'});

was indeed invalid code (thanks Orenet!), using:

$('#myBar div').stop().animate({width: val + '%'},1000, 'easeOutBounce');

didn't work immediately as the div with the actual bar was hidden even initializing it before didnt work. At the moment i am just unhide it. any better solution?