Breadcrumb navigation provides an overview and simplifies navigation between different hierarchical levels. It is used exclusively in desktop applications. The individual levels are displayed in gray, the states Hover and Selected in Active Red.
Breadcrumbs, short, long and with hover
Engineering progress
Enhancing lives
![Breadcrumbs examples]([{"name":"7x5","ratioWidth":7,"ratioHeight":5,"linksForWidth":{"350":"/resource/image/1002392/7x5/350/250/83bcb29f7378a4783a0d25d43931108d/9908021EFE2FE6F95121ABA9D7C98EA0/breadcrumb.png","400":"/resource/image/1002392/7x5/400/286/83bcb29f7378a4783a0d25d43931108d/52B2A106BB49064DFEC4C5A570D29A34/breadcrumb.png","600":"/resource/image/1002392/7x5/600/428/83bcb29f7378a4783a0d25d43931108d/9137FDF2F3529AE0699353AF5D2D924E/breadcrumb.png","800":"/resource/image/1002392/7x5/800/571/83bcb29f7378a4783a0d25d43931108d/567432332FF47FA3C0E4558CAEF474A5/breadcrumb.png","1200":"/resource/image/1002392/7x5/1200/857/83bcb29f7378a4783a0d25d43931108d/D0CDB8454E05044EDF64A758A6D88102/breadcrumb.png","1920":"/resource/image/1002392/7x5/1920/1371/83bcb29f7378a4783a0d25d43931108d/64E5A983618E752D444C7F7E2DE27C0F/breadcrumb.png"}},{"name":"14x5","ratioWidth":14,"ratioHeight":5,"linksForWidth":{"400":"/resource/image/1002392/14x5/400/143/10e7aaa03ce1ee18304618ec66dedeb9/8133F91753D59DBF098F953752B00AB3/breadcrumb.png","420":"/resource/image/1002392/14x5/420/150/10e7aaa03ce1ee18304618ec66dedeb9/8840ED82D3BA4ABFC753FF24F0456EC4/breadcrumb.png","600":"/resource/image/1002392/14x5/600/214/10e7aaa03ce1ee18304618ec66dedeb9/4FC4B92E251D7276D3329244AA4FC4F7/breadcrumb.png","800":"/resource/image/1002392/14x5/800/286/10e7aaa03ce1ee18304618ec66dedeb9/A1053C86593E7C19B485BFBAECE685D5/breadcrumb.png","1200":"/resource/image/1002392/14x5/1200/429/10e7aaa03ce1ee18304618ec66dedeb9/F18213DC6F0EBFA0FE3CF26843588440/breadcrumb.png","1920":"/resource/image/1002392/14x5/1920/686/10e7aaa03ce1ee18304618ec66dedeb9/7EFDF54AC2018714D5E3404DA68621BC/breadcrumb.png"}}] "Breadcrumbs examples")