Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
  
  .CenterPB
    {
        position: fixed;
        left: 0;
        top: 0;
        margin-top: -20px; /* make this half your image/element height */
        margin-left: -20px; /* make this half your image/element width */
        width:100%;
        height:100%;
    
    /* added for demo purposes */
    background-color:#fff;
    padding:40px 100px;
    }
​
  
</style>
</head>
<body>
  
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt velit in justo fermentum quis ultrices tellus eleifend. Pellentesque eu nulla arcu, a congue nisl. Aenean cursus, nisl id sodales cursus, lorem eros consectetur quam, quis tristique urna nulla id sapien. Pellentesque congue, nulla a aliquet dapibus, ligula felis imperdiet ligula, ac rhoncus magna est id diam. Suspendisse egestas lacus vel augue tristique pellentesque. Etiam tristique consequat lobortis. Maecenas et commodo lectus. Mauris a mattis nisl. Sed a felis vitae sem porta ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam sed magna leo, non iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam in augue dolor. Pellentesque elementum erat sed neque aliquam ac gravida tortor consectetur. In viverra risus vel enim tincidunt non faucibus nibh pharetra.
  <br/><br/>
Phasellus metus nisl, pharetra et sagittis a, consectetur in odio. Duis mi justo, scelerisque sed placerat non, tincidunt quis erat. In hac habitasse platea dictumst. Integer nunc mi, dapibus eget semper ut, commodo sed enim. Nullam a nisi ut dolor ultricies posuere. Morbi purus nunc, eleifend vitae lobortis ac, iaculis at velit. Vestibulum nec turpis ut purus gravida semper vitae sed quam. Sed faucibus lorem a ipsum sollicitudin lacinia.
 <br/><br/>
Pellentesque id enim sapien, sed vestibulum neque. Sed eget nisi a orci bibendum luctus placerat non lorem. Aliquam sagittis risus ac mauris luctus eget convallis tortor varius. Vestibulum magna arcu, pharetra sed mattis sed, molestie et dolor. Donec ac enim est, id faucibus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin nunc est, sollicitudin et convallis luctus, mattis laoreet nibh. Sed non erat diam. Morbi sed sapien sed orci facilisis cursus ac et lacus. Praesent varius, lectus eget malesuada posuere, odio mi pharetra dolor, sit amet tempus augue ante ac odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris facilisis, est ut auctor gravida, orci libero feugiat mauris, eget cursus ipsum arcu ut ipsum. Duis tristique porttitor dolor, eu ornare ipsum volutpat nec. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin et viverra nulla. Sed elementum pulvinar turpis non egestas.
 <br/><br/>
Maecenas volutpat viverra ante non convallis. Praesent nulla massa, dignissim a luctus eget, malesuada id tortor. Nulla faucibus, ante quis pulvinar feugiat, massa est elementum erat, vitae malesuada turpis lectus vel ligula. Etiam pretium nibh ut urna volutpat lacinia ut auctor arcu. Aliquam sed ante nibh. Nulla facilisi. Nulla sollicitudin, lectus nec rutrum euismod, sapien dolor pulvinar nisl, nec viverra lectus mauris at felis. Curabitur ultrices semper fringilla. Proin lobortis rutrum mauris. Vivamus a nisl nec nibh ornare gravida ut et dui. Etiam lobortis pretium justo, id feugiat mi lobortis in. Mauris in accumsan enim.
 <br/><br/>
Cras pellentesque, est nec imperdiet pharetra, nibh nibh tempus justo, quis fermentum risus quam eget purus. Curabitur pulvinar, mi quis pellentesque adipiscing, neque ipsum mollis justo, nec consectetur erat lectus id libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur et velit non mi pharetra iaculis. Etiam a neque a augue aliquet eleifend. Nam ultrices elit elit, eu tempus quam. Sed malesuada justo a libero mattis eget lacinia nunc ornare. Nulla sollicitudin, justo sagittis tincidunt mattis, lorem nisi tempus libero, ac mollis nibh massa vitae nisl. Integer posuere molestie pulvinar. 
  <br/><br/> 
  
   <asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="false">
    <ProgressTemplate>
        <div class="CenterPB" >
            <asp:Image ID="Image1" runat="server" ImageUrl="~/App_Themes/Default/images/progressbar1.gif"
                Height="35px" Width="35px" />
            Loading ...
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>
</body>
</html>
 
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers