<div class="projectSteps">
    <div class="progressWrapper">
        <div class="progress">
            <div
                id="progressChecklistBar"
                class="progress-bar progress-bar-success tx-transition"
                role="progressbar"
                aria-valuenow="0"
                aria-valuemin="0"
                aria-valuemax="100"
                style="width: <?php echo e($percentComplete); ?>%"
            ><span class="sr-only"><?php echo e($percentComplete); ?>%</span></div>
        </div>
        <div class="step <?php if($current=='account'): ?> current <?php endif; ?> <?php if(in_array("account", $completed)): ?> complete <?php endif; ?>" style="left: 12%;">
            <a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">
                <span class="innerCircle">
                    <?php if(in_array("account", $completed)): ?>
                        <i class="fa-solid fa-check" style="color:var(--main-action-color); padding-left:3px;"></i>
                    <?php endif; ?>
                </span>
                <span class="title">
                    Account
                </span>
            </a>
        </div>

        <div class="step <?php if($current=='theme'): ?> current <?php endif; ?> <?php if(in_array("theme", $completed)): ?> complete <?php endif; ?>" style="left: 37%;">
            <a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">
                <span class="innerCircle">
                    <?php if(in_array("theme", $completed)): ?>
                        <i class="fa-solid fa-check" style="color:var(--main-action-color); padding-left:3px;"></i>
                    <?php endif; ?>
                </span>
                <span class="title">
                    Theme
                </span>
            </a>
        </div>

        <div class="step <?php if($current=='personalization'): ?> current <?php endif; ?> <?php if(in_array("personalization", $completed)): ?> complete <?php endif; ?>" style="left: 62%;">
            <a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">
                <span class="innerCircle">
                    <?php if(in_array("personalization", $completed)): ?>
                        <i class="fa-solid fa-check" style="color:var(--main-action-color); padding-left:3px;"></i>
                    <?php endif; ?>
                </span>
                <span class="title">
                    Personalization
                </span>
            </a>
        </div>

        <div class="step <?php if($current=='time'): ?> current <?php endif; ?> <?php if(in_array("time", $completed)): ?> complete <?php endif; ?>" style="left: 88%;">
            <a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">
                <span class="innerCircle">
                    <?php if(in_array("time", $completed)): ?>
                        <i class="fa-solid fa-check" style="color:var(--main-action-color); padding-left:3px;"></i>
                    <?php endif; ?>
                </span>
                <span class="title">
                    Routine
                </span>
            </a>
        </div>

    </div>
</div>
<br /><br /><br />
<?php /**PATH /home/ninatech/leantime/app/Domain/Auth/Templates/partials/onboardingProgress.blade.php ENDPATH**/ ?>