small changes to progressbar

Author: eminga

index.html

@@ -111,7 +111,7 @@ <h3 class="panel-title">Please select an option</h3>
 			</div>
 
 			<div class="progress" id="cldraw-dlprogress" style="display: none" >
-				<div class="progress-bar progress-bar-striped active" id="cldraw-dlprogressbar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 13em; width: 10%;">
+				<div class="progress-bar progress-bar-striped active" id="cldraw-dlprogressbar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 13em; width: 10%; transition: 0.2s;">
 					<span id="cldraw-dlprogress-value"></span>
 				</div>
 			</div>

ui.js

@@ -490,8 +490,6 @@ function downloadProbabilities() {
 			var xhr = new XMLHttpRequest();
 			xhr.addEventListener('load', processDownload);
 			xhr.addEventListener('progress', updateProgress);
-			//xhr.addEventListener('error', transferFailed);
-			//xhr.addEventListener('abort', transferCanceled);
 			xhr.open('GET', filename);
 			xhr.send();
 		}
@@ -522,7 +520,7 @@ function updateProgress(progress) {
 		var percentComplete = progress.loaded / progress.total * 100;
 		document.getElementById("cldraw-dlprogress-value").innerHTML = (progress.loaded / 1000000).toFixed(1) + "MB / " + (progress.total / 1000000).toFixed(1) + "MB";
 		document.getElementById("cldraw-dlprogressbar").style.width = percentComplete + '%';
-		document.getElementById("cldraw-dlprogressbar").setAttribute('aria-valuenow', percentComplete);
+		document.getElementById("cldraw-dlprogressbar").setAttribute('aria-valuenow', percentComplete.toFixed());
 	} else {
 		document.getElementById("cldraw-dlprogress").style.display = 'none';
 	}