Home > Loading

Loading

pull-to-reload – Implementation for Web

pull-to-reload – Implementation for Web

This is a pull to refresh implementation for the web. Designed to work with both mobile and desktop devices. Fits nicely with web-apps or single-page applications (SPA). Configurable to the seventh degree. Contributors NathanHeffley (Removed jQuery dependency) mdczaplicki (Minified version) 💪🏽 Contribute If you’d like to contribute to this project …

Read More »

Mobile-first CSS Only Loader Library – loadme

Mobile-first CSS Only Loader Library – loadme

loadme is a pure CSS library which provides a collection of well-designed and CSS3 animated loaders for your mobile web applications. Create a fadingCircle loading on the page. <div class="loadme-fadingCircle"></div> <div class="loadme-mask"></div> Create a circular loader on the page. <div class="loadme-circular"></div> <div class="loadme-mask"></div> Create a love loading on the page. …

Read More »

JavaScript Only Progress Bar Component

JavaScript Only Progress Bar Component

The progress bar is created by using pure JavaScript and A lightweight, dependency- and CSS-free JavaScript library used for generating animated, customizable progress bars. How do I create this ? We create two divs, one is a progress bar and other is its wrapper and the first div would exist …

Read More »

Prelodr – Preloader Inspired in Google Inbox

Prelodr - Preloader Inspired in Google Inbox

A simple, awesome Material Design preloader with javascript inspired in Google Inbox. Install CommonJS npm install prelodr --save-dev AMD requirejs(['prelodr'], Prelodr => { }) Browser Bower bower install prelodr --save CDN The UMD and style files are also available on unpkg: <link href="https://unpkg.com/prelodr/dist/prelodr.min.css"> <script src="https://unpkg.com/prelodr/dist/prelodr.min.js"></script> Available on JSDelivr <link href="https://cdn.jsdelivr.net/prelodr/latest/prelodr.min.css"> …

Read More »

Pilpil – Progressive Image Loading Effect

Pilpil - Progressive Image Loading Effect

Pilpil is a small, pure JavaScript library for Progressive Image Loading with a blur effect to reduce the page load time; as seen on Medium. How Link files to your site or application (add <script> to bottom of page) <link rel="stylesheet" href="css/pilpil.css"> <script src="js/pilpil.js"></script> Set markup <div class="aspectRatioPlaceholder"> <div class="aspectRatioPlaceholder-fill"></div> …

Read More »

Eager Image Loader – JavaScript Image Loading Library

Eager Image Loader – JavaScript Image Loading Library

eager-image-loader.js is a lightweight JavaScript library for progressively loading images with a differs from the lazy-loading, for example, this can be used to avoid that the user waits for the loading. The lazy-loading is very useful for the user which left your web page before he read all. It avoids …

Read More »

Flexible Progress Bars For Angular.js

An AngularJS module to generate flexible progress bars for your web applications. Features Independent from $digest cycle (don’t run unnecessary cycles) Can place many progress bars on one page Full control of each bar Custom progress-bar container Simple customization via css

Read More »