Steps

The Steps UI element facilitates step-by-step navigation through a process or sequence, commonly used in forms or multi-step processes to guide users systematically. It provides clear visual cues, indicating the current step, to help users understand their progress and the steps they've completed.

Compnent Demo

Section Title section brief comes here with good space for content
Section Title section brief comes here with good space for content
Section Title section brief comes here with good space for content

<ol class="indicators horizontal circle">
<li class="indicator completed">
<em class="indicator-bar"></em>
<i class="indicator-check"></i>
<div class="indicator-text">
<label>Section Title</label>
<span>section brief comes here with good space for content</span>
</div>
</li>
<li class="indicator current">
<em class="indicator-bar"></em>
<i class="indicator-check"></i>
<div class="indicator-text">
<label>Section Title</label>
<span>section brief comes here with good space for content</span>
</div>
</li>
<li class="indicator upcoming">
<em class="indicator-bar"></em>
<i class="indicator-check"></i>
<div class="indicator-text">
<label>Section Title</label>
<span>section brief comes here with good space for content</span>
</div>
</li>
</ol>