Material Progress —Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.

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. Indetermina
Information
Category: JavaScript / Loading Status
Watchers: 44
Star: 1.5k
Fork: 120
Last update: Jun 29, 2022

Related Repos



usablica 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 page (use t
 

kimmobrunfeldt 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. Shortcuts Get
 

raphaelfabeni 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 application
 

joaopereirawd 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://joaopereirawd.github.i
 

aaronlumsden 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 include jQuery
 

lugolabs 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 placehold
 

codrops 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. You can us
 

aterrien 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="75" class="
 

pguso 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. show In
 

lightningtgc 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. Indetermina