Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Making Update Progress Panel in the center

Tags:

c#

ajax

css

asp.net

I have a query regarding update progress panel. I want to fit update progress panel in the middle of my screen! Can anyone suggest me, what is the idea of making it so??

like image 209
Shreya Avatar asked Jul 21 '11 10:07

Shreya


1 Answers

You can do that by using css

<style type="text/css" media="screen">
/* commented backslash hack for ie5mac \*/ 
html, body{height:100%;} 
/* end hack */
.CenterPB{
position: absolute;
left: 50%;
top: 50%;
margin-top: -30px; /* make this half your image/element height */
margin-left: -30px; /* make this half your image/element width */
}
</style>

and you have the progress bar in the div

<div class="CenterPB" style="height:60px;width:60px;" >Progress bar here</div>

reference:
http://www.sitepoint.com/forums/1243542-post9.html
http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/

like image 192
Aristos Avatar answered Oct 01 '22 11:10

Aristos