Reading progress widget tutorial

A well written article including a short tutorial about creating a reading progress indicator widget. Coded by CodyHouse.

Reading progress indicator widget

Progress button styles

Here are some interesting snippets for creating 3D progress button styles where the button itself serves as a progress indicator.

Progress button styles

Hexagonal progress bar

A nice hexagonal progress bar with percent number inside. Free PSD designed by uidynamics.

Hexagonal progress bar

NProgress.js progress bar

NProgress.js is a javascript plugin for creating nanoscopic progress bars. I like it so much that I’ve decided to use it for freebiesbug!

NProgress.js progress bar

Web elements - Trance FM

Trance FM is a set of simple web elements (buttons, toggles, progress bars, etc.). Free PSD designed by Alexey Anatolievich.

Web elements – Trance FM

Round progress meter free PSD

Round progress meter is a free PSD containing a cool rounded progress bar with complete percentage. Designed by Marco Moreno for 365psd.

Round progress meter PSD

Light free UI kit

A feature-packed user interface kit containing buttons, input fields, sliders, progress bars, and various other form elements. It’s also fully coded for you in CSS and HTML.

Light UI Kit in CSS & HTML

Loading bar free PSD

A free PSD circle loading bar designed by Eldin Heric.

Loading Bar PSD