Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<meta charset=utf-8 />
<title>Title</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
  <br>
<style>
  #loading_bar{
    height:6px;
    width:100%;
    border:1px solid #000;
  }
  #loader{
    width:5px;
    height:6px;
    background:orange;
  }
</style>
</head>
<body>
<div id="loading_bar">
  <div id="loader"></div>
</div>
<p id="load_status"></p>
</body>
</html>
 
var c = 50;
$("#gallery").load(function(i){
    c++;
    var status = '90%';
    $("#load_status").html(status); 
    $('#loader').stop().animate({width: status},1);
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers