17‏/11‏/2016

دروس4يو Dros4U

Progress Bar Plugins jQuery & CSS3 FREE-Part2

السلام عليكم ورحمة الله

Progress Bar Plugins jQuery & CSS3 FREE

Part2


تحدثنا في المجموعة الأولى قوالب جاهزة لل Progress Bar

سنقوم اليوم بعرض المجموعة الثانية من نماذج من ال Progress Bar جاهزة للتحميل  بإستخدام ال Jquery و ال Css3 مجانا للتحميل..



Free jQuery Percentage Loader

jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and is simple and flexibile to use. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional). It uses vectors rather than images so can be easily deployed at various sizes by simply adjusting the initial parameters.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U

NProgress – Slim Progress bar

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!  Inspired by Google, YouTube, and Medium.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U



Circular Progress

A JavaScript circular progress widget, dependency-free and configurable.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U



Nanobar.js
Very very lightweight progress bars (~730 bytes gzipped). No jQuery needed.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U



Angular-loading-bar

The idea is simple: Add a loading bar / progress bar whenever an XHR request goes out in angular. Multiple requests within the same time period get bundled together such that each response increments the progress bar by the appropriate amount.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U




Free Circular Progress Bar – jQuery plugin

A circle running progress bar with unlimited options to control the flow of wither downloads or uploads.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U



Simple Free jQuery CSS3 Progress Bar

This progress bar uses the HTML5 custom data-* attribute to allow for quick updating to a progress bar animated by Zepto (or jQuery). The animation is wrapped in a window.resize function to reanimate if the browser size is changed.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U




CSS 5 steps progress bar

CSS only progress bar in 5 steps. JS is only used for animating the demo.




jQuery Progress bar profile completion

Using a progress element for a profile completion bar. Added click states to see desired behavior; in the wild the user would click a “save” or “next” button which would animate the progress bar accordingly.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U



jQuery Image Preloader Progress Bar

Progress bar with changeable skins showing page load percentage.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U



jQuery Form Progress Bar

Simple form progress bar. Inspiration from dribbble.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U


Free YouTube Progress Bar

The progress bar was only visible in one single browsing session, I assume it was an A/B test.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U



Flat Pie Charts and Progress Bars Templates ( Cost : $6)

Animated flat pie charts progress bars with description and value. Can be used for interactive infographics on your website, Adobe Muse project or iBooks. You can easy edit font, colors and values. Files a fully editable within Adobe Edge CC.

Progress Bar Plugins jQuery & CSS3 FREE-Part2 - دروس4يو Dros4U


إنتهى.

التعليقآت

سجل بريدك الإلكتروني هنا لتصلك أحدث المواضيع