LIST

Swavy UI progressbar is used for showing the success level of an activity in a webpage

DEFAULT PROGRESSBAR

35%

                    
<ul class="sw_list">
    <li class="sw_list-menu sw_active">List Item1</li>
    <li class="sw_list-menu">List Item2</li>
    <li class="sw_list-menu">List Item3</li>
    <li class="sw_list-menu">List Item4</li>
    <li class="sw_list-menu">List Item5</li>
</ul>

PROGRESSBAR WITH VARYING SIZES

SWAVY UI PROGRESS BAR 25%

                    
<div class="sw_progressbar level-0 sw_mb-4" data-progress-value="90">
    <div class="sw_progressbar-wrapper bg-equator"></div>
</div>

<div class="sw_progressbar sw_mt-8" data-progress-value="25">
    <span class="sw_progressbar-status font_xd-2">SWAVY UI PROGRESS BAR</span>
    <span class="sw_progressbar-value">25%</span>
    <div class="sw_progressbar-wrapper"></div>
</div>