File "progress.html"

Full Path: /home/analogde/www/download/progress.html
File size: 762 bytes
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!DOCTYPE html> 
<html> 
<style> 
#Progress_Status { 
width: 50%; 
background-color: #ddd; 
} 

#myprogressBar { 
width: 2%; 
height: 20px; 
background-color: #4CAF50; 
} 
</style> 
<body> 

<h3>Example of Progress Bar Using JavaScript</h3> 

<p>Download Status of a File:</p> 

<div id="Progress_Status"> 
<div id="myprogressBar"></div> 
</div> 

<br> 
<button onclick="update()">Start Download</button> 

<script> 
function update() { 
var element = document.getElementById("myprogressBar"); 
var width = 1; 
var identity = setInterval(scene, 10); 
function scene() { 
	if (width >= 100) { 
	clearInterval(identity); 
	} else { 
	width++; 
	element.style.width = width + '%'; 
	} 
} 
} 
</script> 

</body> 
</html>