<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<title>File Upload</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
function startUpload()
{
var id = setInterval(frame, 50);
var percent = 1;
$('.btnprogress').text('Continue')
function frame() {
if (percent >= 100) {
clearInterval(id);
$('.btnprogress').text('Close')
} else {
percent++;
$('.progress-bar').css('width', percent+'%').attr('aria-valuenow', percent);
}
}
}
function clickProgress()
{
var progress = $('.btnprogress').text();
if(progress =='Continue')
{
