library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Progressbar - Added suport for animated equations (easeInOutQuint, ...)

Browse Source
This commit is contained in:
Eduardo Lundgren 2008-09-20 04:22:53 +00:00
parent 2f842cedd6
commit 99f8a711de
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
tests/visual/progressbar.html
View File

@ -10,6 +10,7 @@
<script type="text/javascript" src="../../ui/ui.resizable.js"></script> <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script> <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.progressbar.js"></script> <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
<script type="text/javascript" src="../../ui/effects.core.js"></script>
<style type="text/css" media="all"> <style type="text/css" media="all">
@ -169,11 +170,13 @@ $(function() {
//align: 'right', //align: 'right',
equation: 'easeOutBounce',
width: 500, width: 500,
duration: 1000, duration: 3000,
interval: 1000, interval: 800,
increment: 1, increment: 1,
@ -213,6 +216,8 @@ $(function() {
duration: 5000, duration: 5000,
equation: 'easeInOutQuint',
interval: 2000, interval: 2000,
increment: 50, increment: 50,

2
ui/ui.progressbar.js
View File

@ -130,7 +130,7 @@ $.widget("ui.progressbar", {
}, },
{ {
duration: interval, duration: interval,
easing: this.identifier, easing: options.equation || this.identifier,
step: function(step, b) { step: function(step, b) {
self.progress((step/options.width)*100); self.progress((step/options.width)*100);
var timestamp = new Date().getTime(), elapsedTime = (timestamp - b.startTime); var timestamp = new Date().getTime(), elapsedTime = (timestamp - b.startTime);