Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<title>script</title>
<script src="myScript.js"></script>
<style>
#content{
    margin: 0 auto;
    margin-top:100px;
}
#progressOuter{
    margin: 0 auto;
    width:400px;
    height:50px;
    background-color:grey;
    border:2px solid black;
    text-align:center;
}
#progressInner{
    background-color:red;
    height:44px;
    margin-top:-57px;
}
    
</style>
</head>
<body>
<div id = "content">
<!--button for start script-->
<button type = "button" name = "button" id = "button" value = "DO IT!" onClick = "progress()">DO IT!</button>
<!--progress bar-->
<h1 id = "title">Start It Already...</h1>
    <div id = "progressOuter">
      <h3>Progress<h3>
        <div id = "progressInner" style = "display:none; width:0px;">
        </div>
        <p id = "demo"></p>
    </div>
</div>
</body>
</html>
Output

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

Dismiss x
public
Bin info
halterpro
0viewers