Home / Premium Pro Plugins / Multi-step Indicator

Multi-step Indicator

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


This Multi-step Indicator is an implementation of the Progress Bar Design Sample, also referred to as “Progress Indicator”, “Multi-step Progress Bar”, “Wizard Steps”, “Progress Practice”, and “Steps Left”. The most recent model (four.zero) is predicated on “Flexbox”, which guidelines out Web Explorers older than 10. If you’ll want to help “previous IE” you will need to import the most recent AND earlier “trendy” CSS information with conditional feedback. The Multi-step Indicator now gracefully handles greater than 5 steps, and a few further courses can be used to higher deal with edge circumstances. No JavaScript is used! Lastly, a “wizard” is included, that can be utilized to interactively select the colours that you just like and have the Sass variables or the generated CSS file constructed for you.


  • Fashionable, Flexbox implementation
  • Inherently Responsive
  • Constructed with Sass, makes use of coloration variables
  • A “wizard” is offered, to assist coloration choice and compile the required CSS file
  • Older variations are suitable with ”previous IE” (< 10)
  • The most recent model doesn’t use any pictures, layered PSD information are supplied with the older variations


Model four (21 Feb 2015)

  • Re-visited the code, now utilizing Flexbox and Sass
  • Shade choice “wizard”

Model three (19 Apr 2013)

  • Fashionable kinds at the moment are , utilizing CSS media queries

Model 2 (30 Oct 2012)

  • New model with 5 colours
  • Up to date documentation

Model 1.2 (5 July 2012)

  • New coloration variation
  • Small tweaks on coloration 2
  • Up to date PSD file


Check Also


Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...