Progress Bar

HTML

<script src="https://arlina-design.googlecode.com/svn/progressbar.js"></script>
<head>
<style>
body{
    background:url(http://1.bp.blogspot.com/-Rcr0wqUaumI/VaRNHwVXGbI/AAAAAAAADME/xXYnH9YrXls/s1600/grid_noise.png);
    
}
</style>
    <link href='http://fonts.hosni.netdna-cdn.com/fonts/cdn/file_font/?font=VIP_Rawy_Thin' rel='stylesheet'/>
</head>
<a href="http://qalpy.blogspot.com"><form style="
   background: rgb(207, 171, 85);
  width: 100%;
  height: 20px;
  position: absolute;
  top: 92%;
  text-align: center;
  padding: 6px 1px;
  color: rgb(68, 68, 68);
  font-size: 18px;
  font-family: fantasy;
">تصميم وتكويد محمد السراي </form></a>
<center>
<div class="sub">
<h5>
ضع إيميلك ليصلك كل جديد موقع</h5>
<div class="ins">
<div id="sleek-subscribe">
<form action="https://feedburner.google.com/fb/a/mailverify?uri=scriptati" class="signform" method="post" target="_new">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا';}" onfocus="if (this.value == 'ضع اميلك هنا') {this.value = '';}" value="ضع اميلك هنا" />
<input class="btn2" type="submit" value=" " />
</form>
</div>
</div>
</div>
<style>
.sub{
width:290px;
height:130px;
background:url(http://www.freevectors.net/files/large/RedVectorBackground.jpg);
}
.sub h5{
color: #2d2d2d;
  font: 22px arial;
  margin: 0;
  font-family: VIP_Rawy_Thin;
  padding: 13px 0 0 0;
  text-align: center;
}
.sub .ins{
width:261px;
height:35px;
margin: 12px auto 0;
}
.sub .ins .txt2{
border: 1px solid #E1E1E1;
background: white;
font: 12px Tahoma, Geneva, sans-serif;
color: silver;
padding: 10px 7px 9px 7px;
margin: 0px;
float: right;
text-align: right;
  height: 9px;
width: 136px;
}
.sub .ins .btn2{
background: url(http://www.foxpic.com/V0lIiCcz.png);
  float: left;
  border: none;
  width: 83px;
  height: 26px;
  cursor: url(http://2.bp.blogspot.com/-IJ8uMvhlKVU/VFDoIGDIn3I/AAAAAAAAGio/K2vVTU7nX84/s320/chm.png),pointer;
  -moz-transition: all .3s ease 0s;;
  margin-top: 1px;
}
</style></center>