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

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

View File

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

View File

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