C1ProgressBar Animation Effects
The C1ProgressBar control contains thirty-one built-in animation transition effects that allow you to customize the fill effect of the progress bar’s progress indicator. The default transition is EaseLinear, but you can set it to another transitional effect by setting the Easing property.
The table below describes each animation effect:
Name |
Description |
EaseLinear (default) |
Linear easing. Moves smoothly without acceleration or deceleration. |
EaseOutElastic |
Elastic easing out. Starts quickly and then decelerates. |
EaseInElastic |
Elastic easing in. Starts slowly and then accelerates. |
EaseInOutElastic |
Elastic easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutBounce |
Bouncing easing out. Starts quickly and then decelerates. |
EaseInBounce |
Bouncing easing in. Starts slowly and then accelerates. |
EaseInOutBounce |
Bouncing easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutExpo |
Exponential easing out. Starts quickly and then decelerates. |
EaseInExpo |
Exponential easing in. Starts slowly and then accelerates. |
EaseInOutExpo |
Exponential easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutQuad |
Quadratic easing out. Starts quickly and then decelerates. |
EaseInQuad |
Quadratic easing in. Starts slowly and then accelerates. |
EaseInOutQuad |
Quadratic easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutSine |
Sinusoidal easing out. Starts quickly and then decelerates. |
EaseInSine |
Sinusoidal easing in. Starts slowly and then accelerates. |
EaseInOutSine |
Sinusoidal easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutCirc |
Circular easing out. Starts quickly and then decelerates. |
EaseInCirc |
Circular easing in. Starts slowly and then accelerates. |
EaseInOutCirc |
Circular easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutCubic |
Cubic easing out. Starts quickly and then decelerates. |
EaseInCubic |
Cubic easing in. Starts slowly and then accelerates. |
EaseInOutCubic |
Cubic easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutQuint |
Quintic easing out. Starts quickly and then decelerates. |
EaseInQuint |
Quintic easing in. Starts slowly and then accelerates. |
EaseInOutQuint |
Quintic easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutBack |
Back easing out. Starts quickly and then decelerates. |
EaseInBack |
Back easing in. Starts slowly and then accelerates. |
EaseInOutBack |
Back easing in and out. Starts slowly, accelerates, and then decelerates. |
EaseOutQuart |
Quartic easing out. Starts quickly and then decelerates. |
EaseInQuart |
Quartic easing in. Starts slowly and then accelerates. |
EaseInOutQuart |
Quartic easing in and out. Starts slowly, accelerates, and then decelerates. |
|