Opened 10 years ago

Closed 8 years ago

#3469 closed enhancement (wontfix)

Animation in progress methbod

Reported by: Cloudream Owned by: rdworth
Priority: minor Milestone: 1.9.0
Component: ui.progressbar Version: 1.6rc2
Keywords: Cc:
Blocked by: Blocking:

Description

Tiny example:

this.bar.width(this.pixelState);

->

this.bar.stop().animate({width:this.pixelState},300);

Other issues when animating: spin percent number, easing

Attachments (2)

progressbar-animate.diff (568 bytes) - added by JuniorZ 9 years ago.
Progressbar animation Diff
jquery.ui.progressbar.js.patch (1.6 KB) - added by Jörn Zaefferer 9 years ago.
Updated patch with visual test

Download all attachments as: .zip

Change History (6)

comment:1 Changed 10 years ago by rdworth

Milestone: 1.next1.6
Owner: changed from paul to rdworth
Status: newassigned

Changed 9 years ago by JuniorZ

Attachment: progressbar-animate.diff added

Progressbar animation Diff

comment:2 Changed 9 years ago by JuniorZ

I modified the ui.progressbar to enable animations at value updating like this: <script type="text/javascript">

$(function() {

$("#progressbar").progressbar({

value: 37, speed: 1500, easing: 'easeInOutQuint'

});

});

</script>

Diff file attached

comment:3 Changed 9 years ago by rdworth

Milestone: 1.71.8

Changed 9 years ago by Jörn Zaefferer

Updated patch with visual test

comment:4 Changed 8 years ago by Scott González

Resolution: wontfix
Status: assignedclosed

This would be better to implement as an extension. Proof of concept: http://jsbin.com/ozowa3/edit

Note: See TracTickets for help on using tickets.