ProgressBar.js
Responsive and slick progress bars with animated SVG paths. Use built-in shapes or create your own paths. Customize the animations as you wish.
Documentation is hosted at readthedocs.org.
Shortcut
ProgressJS
ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for every object on the page.
How To Use
Include progress.js and progressjs.css in the p
CSS loader
A few simple examples of loaders using only one div and CSS.
Try it online!
🤘
Why
It's usually common to show a loader to users when they must wait for something in a web a
Elastic Progress
Creates a button that turns into a progress bar with a elastic effect. Based on a Dribbble shot by xjw. By Lucas Bebber.
Article on Codrops
Demo
Instructions
This project requires GSAP.
Circles
Lightweight JavaScript library that generates circular graphs in SVG. Now with animation.
Usage
Include the circles.js or circles.min.js file in your HTML file. There are no dependencies.
Create a
jQuery Knob
canvas based ; no png or jpg sprites.
touch, mouse and mousewheel, keyboard events implemented.
downward compatible ; overloads an input element.
Example
<input type="text" value="7
Progression.js
A jQuery plugin that gives users real time hints & progress updates as they complete forms
Documentation
..:: Getting Started
Include the relevant files
Firstly inclu
What is fakeLoader.js
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
Check out the demo http://joaopereiraw
Circle Statistics
Test it https://stackblitz.com/edit/js-2m2bs7
New implementation of circliful, without any dependencies - dependencies are only used for development like webpack, jest, typescript, tslint and babel.
MProgress.js
Google Material Design Progress Linear bar.
It uses CSS3 and vanilla JavaScript which doesn't depend on any other libraries.
Types and preview
Type 1. Determinate
Type 2. Buffer
Type 3. I