![]() ![]() ![]() This plugin is ready to use, however you can change some properties at the initialization if you want.Menus Icon Bar Menu Icon Accordion Tabs Vertical Tabs Tab Headers Full Page Tabs Hover Tabs Top Navigation Responsive Topnav Split Navigation Navbar with Icons Search Menu Search Bar Fixed Sidebar Side Navigation Responsive Sidebar Fullscreen Navigation Off-Canvas Menu Hover Sidenav Buttons Sidebar with Icons Horizontal Scroll Menu Vertical Menu Bottom Navigation Responsive Bottom Nav Bottom Border Nav Links Right Aligned Menu Links Centered Menu Link Equal Width Menu Links Fixed Menu Slide Down Bar on Scroll Hide Navbar on Scroll Shrink Navbar on Scroll Sticky Navbar Navbar on Image Hover Dropdowns Click Dropdowns Cascading Dropdown Dropdown in Topnav Dropdown in Sidenav Resp Navbar Dropdown Subnavigation Menu Dropup Mega Menu Mobile Menu Curtain Menu Collapsed Sidebar Collapsed Sidepanel Pagination Breadcrumbs Button Group Vertical Button Group Sticky Social Bar Pill Navigation Responsive Header You just need to include pace.js and a CSS theme of your choice (more than 6 available), then you'll get a beautiful progress indicator for your page load and ajax navigation. Pace.js is a wonderful and automatic page load progress bar. Featuring realistic trickle animations to convince your users that something is happening. The loading progress, pitifully is not automatic neither, however this plugin comes in handy if you use it only with javascript, as you need to set the progress using javascript, you can change it when some events are trggered (on the file upload progress for example). Nanobar is a very lightweight progress bar. It's light-weight, easy to use, customizable, free and open-source. It can be used on all elements including textboxes, textareas or even the whole body. You can use ProgressJs to show the progress of loading contents (images, videos, etc.) on the page to the users. You can design your own template for progress bars or simply customize them. This plugin is not automatic as you need to set the progress via javascript. ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for any object on the page. ![]() The load progress is not automatic, it needs to be changed using javascript. ProgressBar.js is lightweight, MIT licensed and supports all major browsers including IE9+. It provides a few built?in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor. Animations perform well even on mobile devices. With ProgressBar.js, it's easy to create responsive and stylish progress bars for the web. ![]() Some of them are automatic and will be triggered when an ajax call is executed, others needs to be handled manually with customized events. The following libraries will help you to display the progress of a task easily with a couple of files and lines of code. Nobody wants to get stucked in a webpage after execute an action and without any advice of what's going. It's important to show the progress of a task to the user, specially for those long tasks that takes more than 5 seconds to be achieved. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |