Siemka, tak jak w tytule mam progress bar na stronie i ładuje sie po kliknięciu na przycisk, lecz nie mogę dojść do tego gdzie i jak wpisać na przykład tekst, żeby sie wyświetlił po załadowaniu bara. Jakieś pomysły? Niżej moze podam kod jak to wygląda.
<head>
<script>
function move() {
var elem = document.getElementById("myBar");
var width = 1;
var id = setInterval(frame, 100);
function frame() {
if (width >= 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
elem.innerHTML = width * 1 + '%';
}
}
}
</script>
</head>
<body>
<div>
<div id="myProgress">
<div id="myBar">0%</div>
</div>
<br>
</div>
</body>
#myProgress {
width: 100%;
background-color: #ddd;
}
#myBar {
width: 10%;
height: 30px;
background-color: #4CAF50;
text-align: center;
line-height: 30px;
color: white;
}
.progress-bar {
background-color: whiteSmoke;
border-radius: 2px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
width: 250px;
height: 20px;
position: relative;
display: block;
}
.progress-bar > span {
background-color: blue;
border-radius: 2px;
display: block;
text-indent: -9999px;
}