TurboSu/dashboards/gear_indicator/template.html

<div style="display:flex;align-items:center;justify-content:center;height:100%;font-family:'Segoe UI',system-ui,sans-serif;background:linear-gradient(135deg,#0a0a14,#1a1a30);gap:20px;">
    <div style="width:100px;height:100px;border-radius:50%;background:rgba(102,126,234,0.15);border:3px solid rgba(102,126,234,0.5);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(102,126,234,0.2);">
        <span style="font-size:56px;font-weight:900;color:#fff;" data-bind="gear">N</span>
    </div>
    <div style="display:flex;flex-direction:column;gap:6px;">
        <div style="display:flex;align-items:center;gap:8px;">
            <span style="font-size:12px;color:rgba(255,255,255,0.5);width:24px;">R</span>
            <div style="width:80px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;"></div>
        </div>
        <div style="display:flex;align-items:center;gap:8px;">
            <span style="font-size:12px;color:rgba(255,255,255,0.5);width:24px;">1</span>
            <div style="width:80px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;"></div>
        </div>
        <div style="display:flex;align-items:center;gap:8px;">
            <span style="font-size:12px;color:rgba(255,255,255,0.5);width:24px;">2</span>
            <div style="width:80px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;"></div>
        </div>
        <div style="display:flex;align-items:center;gap:8px;">
            <span style="font-size:12px;color:rgba(255,255,255,0.5);width:24px;">3</span>
            <div style="width:80px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;"></div>
        </div>
        <div style="display:flex;align-items:center;gap:8px;">
            <span style="font-size:12px;color:rgba(255,255,255,0.5);width:24px;">4</span>
            <div style="width:80px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;"></div>
        </div>
        <div style="display:flex;align-items:center;gap:8px;">
            <span style="font-size:12px;color:rgba(255,255,255,0.5);width:24px;">5</span>
            <div style="width:80px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;"></div>
        </div>
        <div style="display:flex;align-items:center;gap:8px;">
            <span style="font-size:12px;color:rgba(255,255,255,0.5);width:24px;">6</span>
            <div style="width:80px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;"></div>
        </div>
    </div>
</div>