Ceylon Progress Options

There are variety of animations you can select. Parse the name of the animation to animation-type attribute of the component to change the default animation type. If you enter the animation name wrong, it will automatically switch to default animation. Note: Names are case sensitive

Pulse

<ceylon-dots animation-type="pulse"></ceylon-dots>

Stretch

<ceylon-dots animation-type="stretch"></ceylon-dots>

Flashing

<ceylon-dots animation-type="flashing"></ceylon-dots>

Bouncing

<ceylon-dots animation-type="bouncing"></ceylon-dots>

More animations will be added in the future. Stay tuned!