Development 90%
Design 80%
Marketing 70%
Development 60%
Design 70%
Marketing 90%
Movement 60%
Achievement 70%
Marketing 90%
Development 60%
Design 70%
Marketing 90%


Single image

Display progress bar with custom values. Style your whole progress bar or separate values according to your needs.
Param name
Widget title Title of widget which will be displayed above widget.
Units Enter measurement units (if needed) Eg. %, px, points, etc. Graph value and unit will be appended to the graph title.
Color Select global bar color.
Values: Label Enter text used as title of bar.
Values: Value Enter value of bar.
Values: Color Select single bar background color.
Options: Add Stripes? Add stripes to your progress bars.
Options: Add animation? Add animation to stripes. Will be visible with striped bars.
CSS Animation Choose, preview (clicking “animate it”) and add animation.
Element ID Add unique element ID (Note: make sure it is unique and valid according to w3c specification).
Extra class name Add class name in order to refer to this element in CSS.
Design Options Control borders, background and other styling options. Preview details here