<div class="tech-header-nav" data-am-sticky="{animation: 'slide-top'}">
    <div class="nav-container">
        <div class="brand-section">
            <div class="brand-text">
                <h1 class="brand-name">
                    Shop<em>XO</em>
                </h1>
                <span class="brand-version">安装向导 {{$Think.APPLICATION_VERSION}}</span>
            </div>
        </div>
        
        <div class="progress-tracker">
            <div class="progress-line"></div>
            <div class="step-item {{if isset($action) && $action == 'index'}}active{{/if}} {{if isset($action) && $action != 'index'}}completed{{/if}}">
                <div class="step-indicator">
                    <div class="step-number">1</div>
                    <div class="step-icon">
                        <i class="am-icon-file-text-o"></i>
                    </div>
                    <div class="step-check">
                        <i class="am-icon-check"></i>
                    </div>
                </div>
                <div class="step-label">使用协议</div>
            </div>
            
            <div class="step-item {{if isset($action) && $action == 'check'}}active{{/if}} {{if isset($action) && ($action == 'create' || $action == 'successful')}}completed{{/if}}">
                <div class="step-indicator">
                    <div class="step-number">2</div>
                    <div class="step-icon">
                        <i class="am-icon-desktop"></i>
                    </div>
                    <div class="step-check">
                        <i class="am-icon-check"></i>
                    </div>
                </div>
                <div class="step-label">环境检测</div>
            </div>
            
            <div class="step-item {{if isset($action) && $action == 'create'}}active{{/if}} {{if isset($action) && $action == 'successful'}}completed{{/if}}">
                <div class="step-indicator">
                    <div class="step-number">3</div>
                    <div class="step-icon">
                        <i class="am-icon-database"></i>
                    </div>
                    <div class="step-check">
                        <i class="am-icon-check"></i>
                    </div>
                </div>
                <div class="step-label">创建数据</div>
            </div>
            
            <div class="step-item {{if isset($action) && $action == 'successful'}}active{{/if}}">
                <div class="step-indicator">
                    <div class="step-number">4</div>
                    <div class="step-icon">
                        <i class="am-icon-check-circle-o"></i>
                    </div>
                    <div class="step-check">
                        <i class="am-icon-check"></i>
                    </div>
                </div>
                <div class="step-label">安装完成</div>
            </div>
        </div>
    </div>
</div>