Ceylon Progress

Ceylon Progress is a collection of CSS loading animations build using Stencil.js that can be used with any web framework.

Getting Started

To install Ceylon Progress straight forward without any JavaScript framework, just include the following script tag just before the "head" tag on your HTML page where you want to use the web component.

<script type="module" src="https://cdn.jsdelivr.net/npm/ceylon-progress@latest/dist/ceylon-progress/ceylon-progress.esm.js"></script>

Then to use a Ceylon Progress, just use element tag like any other HTML element:

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

To learn more about Ceylon Progress web component API, please read the Official Documentation