Skip to Content

Free

Licensing: Creative Commons Attribution 3.0 Unported license. Attribution is appreciated but not required.

HTML5 Preload Animations

HTML5 Preload Animations
download.
922 others
did it.
demo

HTML5 Preload Animations is an awesome script from CodeCanyon author Capjo. Included are the 3 preload animations that you can see highlighted on the screenshot:

If you like it and you want to use all preload animations, we highly recommend you to check out the premium version of HTML5 Preload Animations.

Let's go over the basics to get this script up and running:

Create a HTML5 canvas element

<canvas id="preloader"></canvas>

Link to the JavaScript file

<script src="preloaddemo.js"></script>

Initialize the preload animation

<script>
window.onload = getCanvas('preloader').StartPreload('worm',false);
</script>

Stop the preload animation

getCanvas('preloader').StopPreload();