Skip to content

Instantly share code, notes, and snippets.

@mnsmarcelo

mnsmarcelo/index.html

Last active August 29, 2015 14:22
Show Gist options
  • Save mnsmarcelo/a81ed7900555e2f670d0 to your computer and use it in GitHub Desktop.
Save mnsmarcelo/a81ed7900555e2f670d0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Upload</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="jquery.form.js"></script>
<script src="progress.js" ></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<style>
#statustxt {
left:50%;
position:absolute;
display:inline-block;
font-size: 100%;
color: black;
}
</style>
</head>
<body>
<form action="upload.php" method="GET" enctype="multipart/form-data" id="upload">
<div class="col-md-6">
<div class="form-group">
<label>Arquivo: </label>
<input type="file" class="form-control form_datetime mask-datetime" name="arquivo" value="" required >
</div>
</div>
<div class="col-md-12 ">
<div class="progress">
<div class="progress-bar" id="progressbar" role="progressbar" >
<div id="statustxt">0%</div>
</div>
</div>
</div>
<div class="col-md-12">
<input name="submit" type="submit" id="submit" class="btn btn-default " value="upload">
</div>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment