Не работает setTimeout в js?

Question

[SaberChazer]

Здравствуйте, не работает setTimeout в js, подскажите что можно сделать.
CodePen

<style type="text/css">
        body{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    height: 100vh;
}

.progress{
    padding: 0 5px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    height: 40px;
    width: 500px;
}

.progress-value{
    height: 30px;
    width: 0;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 10px 40px -10px #fff;
    animation: load 3s normal forwards;
}

@keyframes load{
    0%{ width: 0; }
    100%{ width: 100%; }
}
    </style>
    <div class="progress">
        <div class="progress-value"></div>
    </div>
    <script type="text/javascript">
    setTimeout(function(){
    document.getElementById("progress").style.display = 'none';
}, 5000);
    </script>

Comments

[SaberChazer]

+ Uncaught TypeError: Cannot read properties of null (reading 'style')

Answer 1

[Максим К]

На codepen всё работает, только что с мобильника проверил.

Comments

[SaberChazer]

Удивительно, у меня нет. Так плюс ошибка появилась "Uncaught TypeError: Cannot read properties of null (reading 'style')"

Answer 2

[Noder SS]

Так progress, это класс, а вы его по айдишнику ищите)

Answer 3

[SagePtr]

<div class="progress">
getElementById("progress")

Ничего подозрительного не замечаете?

Comments

[SaberChazer]

Спасибо заметил