스크롤 진척도 UI

[최지영]

<nav class="top-nav">
        <div class="top-div">
            <p class="top-p">JSHOP</p>
        </div>
        <div class="bar"></div>
    </nav>    
    <script>
        
        window.addEventListener('scroll',function() {
            var 스크롤양 = window.scrollY;
            
            if (0<스크롤양<10) {
                $('.bar').css('width','1%');
            }
            else if (10<스크롤양<500) {
                $('.bar').css('width','50%');
            }
            else if (500<스크롤양<1000) {
                $('.bar').css('width','100%');
            }
            
        })


이렇게 했는데 ui변화가 없습니다.. 
어떻게 하면 좋을까요 선생님..도와주세요 ㅜㅜ

[codingapple]

조건2개 주려면 0<스크롤양 && 스크롤양<10 라고 씁시다

[최지영]

헐 감사합니다!!!!!

[글쓴이]

글