HTML Guide

"Train" - forløbsindikator

Dette eksempel illustrerer brugen af en forløbsindikator - også kaldet et "train".

Nedenfor er vist et eksempel på et train, der dog i dette tilfælde står alene (ikke ved siden af en indberetning). Se evt. sidetyper for fuldt illustrerede eksempler.

Bemærk: Forløbsindikatoren vises ikke i sit fulde layout i browseren Internet Explorer 6, da det grundet fejl og mangler i browseren ikke er muligt at skabe dette layout. Konkret betyder dette at "pilene", der visuelt leder fra et trin til det næste ikke vises i Internet Explorer 6. Internet Explorer 7 viser indikatoren korrekt.


  1. Første step
  2. Andet step
  3. Tredie step

    This one has extra text that can only be seen when selected

    Extra paragraph of text

  4. Fjerde step
  5. Femte step
  6. Sidste step
HTML Markup
<ol class="train">
  <li class="done">Første step <b class="tip"></b></li>
  <li class="done">Andet step<b class="tip"></b></li>
  <li class="current">Tredie step
    <p>This one has extra text that can only be seen when selected</p>
    <p>Extra paragraph of text</p>
    <b class="tip"></b>
  </li>
  <li class="undone">Fjerde step<b class="tip"></b></li>
  <li class="undone">Femte step<b class="tip"></b></li>
  <li class="undone final">Sidste step<b class="tip"></b></li>
</ol>