Witam,
Chcę, aby div z paskiem ładowania pokazywałsię po naciśnięciu przycisku "NEXT". Niestety nic się nie pokazuje :(. Skrypt JS do pokazywania diva mam w osobnym pliku .js. Poniżej kod:
<!-- Progress bar -->
<div id="progress-bar" class="progress invisible">
<div id="theBar" class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%; height:25px">
0%
</div>
<div>
Connexting...
</div>
</div>
<br/>
<!-- NEXT -->
<div class= "text-center">
<button id="next" type="button" class="btn btn-secondary" onclick="progressbar();">NEXT</button>
<br/>
<span id="terms">By clicking next you agree with our terms and conditions and privacy policy</span>
</div>
A tutaj skrypt w JS(używam bootstrapa):
function progressbar() {
document.getElementById("progress-bar").classList.remove('invisible');
}
Co jest nie tak? Dodam że skrypt zaimportowałem na początku dokuentu HTML :
<script type="text/javascript" scr="progress-bar.js"></script>
Aczkolwiek inny skrypt działą mi bez importu...
Dzięki za pomoc