My function is designed to update the progress bar based on the document's loaded value. However, for some reason, it seems that this specific element is unable to render. Despite my efforts, I cannot figure out why other div elements can be identified and manipulated in JavaScript, while this one cannot;
<div id="ProgressBar">
<div id="Percentage" class="innerBar" runat="server"></div>
</div>
<script type="text/javascript">
$(document).ready(function () {
SpaceLeftVar = 32;
UpdateProgress();
});
function UpdateProgress() {
const progressBarPercentage = document.getElementById('Percentage');
const transitionProgressBar = (progress) => {
setTimeout(() => {
progressBarPercentage.style.width = progress + '%';
}, 200);
}
}
</script>