This is a handy snippet to create responsive CSS breadcrumbs or multi-step indicators with ease.It’s been created by Codyhouse.

Since both breadcrumbs and multi-step indicators share a similar structure (a simple list of items),this is a handy snippet to create and customize them with a preset of time-saving classes.

The easiest way to understand how this resource works is by checking the source files: most classes can be combined, all possible combinations are covered in the 9 examples of the demo.

css-breadcrumbs-multisteps-featured

[gpp_button color=”blue” url=”http://codyhouse.co/demo/breadcrumbs-multi-steps-indicator/index.html” title=”CSS breadcrumbs” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”http://codyhouse.co/gem/css-breadcrumbs-and-multi-step-indicator/” title=”CSS breadcrumbs” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]