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

OSX Application Loading PSD

Free PSD of a OSX loading window with a coloured progress bar. Designed by Alexandre Naud for 365psd.

OSX Application Loading PSD

Stylish metallic sliders PSD

An intricately detailed slider graphic with a brushed metal dial and subtly striped progress bar. PSD freebie designed by Andrea Ballerino.

Stylish metallic sliders PSD

Loading bar free PSD

A stylish loading bar. A PSD freebie designed by Seeger Mattijs.

PSD loading bar

Progress bar PSD freebie

Clean and minimal progress bar. A PSD freebie designed by Ivo Ivanov.

Free PSD Progress bar

loadingBar_free_psd

Simple colorful loading bar free PSD designed by Garrett Godsey.

Free PSD loading bar

Progress bar PSD freebie

Clean progress bar playoff with shadows. PSD freebie designed by Ilja Miskov.

Progress Bar Playoff 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

Progress bar free PSD

Today’s 365psd PSD freebie is an hi-tech style circle progress bar.

Circle progress bar PSD

Progress bar PSD freebie

This PSD freebie is a simple progress bar created by Cosmin Negoita.

Simple PSD progress bar