Multi-step Indicator

This Multi-step Indicator is an implementation of the Steps Left design pattern, also known as “Progress Indicator”, “Multi-step Progress Bar”, “Wizard Steps” and “Progress Train”. From version 4.0 onwards, it is based on “Flexbox”, which rules out Internet Explorers older than 10. If you need to support “old IE” you must import the latest AND previous “modern” CSS files with conditional comments, or just use one of the included “legacy” versions. The Multi-step Indicator now gracefully handles more than five steps, and a couple of extra classes can also be used to better handle edge cases. No JavaScript is used! Lastly, a “wizard” is included, that can be used to interactively choose the colors that you like and have the Sass variables or the generated CSS file built for you.


  • Modern, Flexbox implementation
  • Inherently Responsive
  • Built with Sass, uses color variables
  • A “wizard” is provided, to help color selection and compile the necessary CSS file
  • Older versions are compatible with ”old IE” (< 10)
  • The latest version does not use any images, layered PSD files are provided with the older versions


Version 5 (24 May 2017)

  • Every element of the indicator (background, title, subtitle, number) now has 3 colors: default, current and previous, and the “wizard” was updated accordingly
  • Fine-tuned narrow screen styles
  • Re-visited and cleaned up the code, fix a bunch of issues with the “wizard”

Version 4 (21 Feb 2015)

  • Re-visited the code, now using Flexbox and Sass
  • Color selection “wizard”

Version 3 (19 Apr 2013)

  • Modern styles are now responsive, using CSS media queries

Version 2 (30 Oct 2012)

  • New style with 5 colors
  • Updated documentation

Version 1.2 (5 July 2012)

  • New color variation
  • Small tweaks on color 2
  • Updated PSD file
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

You May Also Like
Read More

Bookly Group Booking (Add-on)

Important: This plugin is an add-on that requires the Bookly PRO installed and activated. View Bookly PRO page…
Read More

WordPress Menus Management

This is a simple yet very useful plugin for those who are managing websites with complex menus. Compatible…
Read More

WordPress Advanced Bulk Edit

WordPress Bulk Edit – Easily edit your posts, pages and custom post types individually or in bulk. Features:…
Read More

WP Unlimited Pop-ups

Want to grab attention of your website visitor and direct them to take an action? Want to add…