Progress Bars Framework

Progress Bars Framework

Progress Bars Framework - 1 Progress Bars Framework - 2 Progress Bars Framework - 3 Progress Bars Framework - 4

Progress Bars Framework is a robust and beautiful framework to made your progress area shine for client job or your own project in a awesome way. With four types available, linear, circular, stacked, charts, five colors, animations and a lot of examples you can do anything you want, integrate your own css code or use default one and rest in peace about design because with this organized & clean code the simplicity is the key.

Grid System

Grid system is a awesome and robust tool for you divide your content inside website section by columns, inside this folder you have all samples for you see how grid works and all classes used to made this work.

Icomoon Ultimate Font

Icomoon ultimate font is a gift that you have inside this pack with over 1600+ icons your progress bars will look awesome with this, add colors, animations whatever you want, inside you will have all list of icons for you choose from.

Shortcodes Folder

Inside Shortcodes folder you have samples for Typography, Messages, Call Attention Boxes, Buttons, Progress Bars, Videos, Images & Audio, Dividers, Info Boxes, Responsive Tables, Tooltips, Buttons, App Store Buttons, etc.


  • Retina Ready Progress Bars
  • New Progress Bars with three themes to choose
  • New Progress Bars Circular, Linear, Vertical
  • New Progress Bars Five Colors Included
  • New Progress Bars static or Animated
  • New Progress Bars with Description
  • New Progress Bars with Percent from 1% to 100% covered
  • New Progress Bars Stacked (Circular, Linear, Vertical)
  • New Progress Bars with Tooltip
  • New Progress Bars with Label
  • New Progress Bars Striped
  • New Progress Bars Stacked Horizontal, vertical, circular
  • New Progress Bars Charts examples (Linear, vertical bar, horizontal bars, stacked area, scatterplot)
  • Full Responsive
  • & Many More

Change Log

- August 15 2017
- Redesign Examples
- Simplify CSS code
- Organize HTML Code
- Organize Animations Code
- Update classes names
- Update Documentation
- April 21 2017
- Add functionality for add from 1 to 100 in percentage (static or animated)
- Add some charts example
- August 19 2016
- Add Three Themes to choose
- Add Shortcodes Folder
- Improve names of Classes
- August 11 2016
- Version 1.0 Inicial Release


Icons Used in Project – 59$ Value IcoMoon Ultimate Font
Fonts used in Project Google Fonts

It´s much appreciated if you can read documentation and contact me if you have any problem before give low ratings … Thanks for understanding… Enjoy…!!!  :)