Pace is a tool to help you create an awesome automatic page load progress bar.
Include pace.js and a CSS theme of your choice, and the result is a beautiful progress indicator for your page load and ajax navigation. There’s no need to hook in to any of your code because the progress bar is detected automatically.
Pace comes with several different themes so you have great aesthetic options. Themes include:
- Barber Shop
- Mac OSX
- Fill Left
- Flat Top
- Big Counter
- Corner Indicator
- Loading Bar
- Center Circle
- Center Atom
- Center Radar
- Center Simple
With more theme options that you could ever use, easy installation with Eager and nifty animation, this tool is a great addition to almost any website design. Try it in a flash with a live preview that works on your website.
ScrollAppear is a powerful and agile tool that makes content appear on scroll (or on other event triggers). It is a jQuery-based plugin.
ScrollAppear expands basic scroll function in a variety of ways to include the following:
- History of what has been shown as result of the plugin
- Ability to revert to a part of or all of what has been shown
- Ability to directly show elements without the user having to trigger a monitored event
- Ability to prevent mass scroll/appear of content by setting a timeout between events (in a similar fashion to hoverIntent)
- Set a pixel offset for your trigger element
- Set the number of event triggers to be performed before the event is unbound
This plugin is JSLint and JSHint compliant and comes with extensive documentation for ease of use.
ScrollAppear also includes a quite extensive parameter list with AddClass, Callback, DelayEffect, EffectDuration, ElementEffect, ElementsToShow, NumberofSccrolls, GatherAfterTrigger, PixelOffset, Timeout, TriggerIntent and TriggerType.
NumberProgressBar is a lovely animated progress bar with plenty of practical applications.
You can use it to note scale across a range of numbers, with a minimum and maximum, show percentages and show steps. It comes with plenty of options for you to determine such as color, animation styles, ranges and duration.
Installation is easy using Bower and then adding the CSS with your modifications.
Load images within the viewport only. Serves responsive images for 4 screen sizes.
Implements a preloading mechanism for loading large pieces of any kind of content.
Buttons with built-in loading indicators, bridging the gap between action and feedback.
Nanoscopic progress bar. With trickle animations to convince users that something is happening.