Progress Bar

HTML

<script src="https://arlina-design.googlecode.com/svn/progressbar.js"></script>
<style>
body{
    background:url(http://1.bp.blogspot.com/-Rcr0wqUaumI/VaRNHwVXGbI/AAAAAAAADME/xXYnH9YrXls/s1600/grid_noise.png);
    
}
</style>
<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>
<div class="widget-content" style="
      background: url(http://cdn02.wallpapersonweb.com/media/i1280x1024/1/22/212680-desktop-wallpaper-desktop-wallpaper-1280x1024.jpg);
  margin: 11px 6px;
  height: 237px;
  width: 272px;
  border-radius: 19px;
  font-family: droid arabic kufi;
  font-size: 17px;
  text-align: center;
  padding: 170px 1px 1px 1px;
">محمد السراي
</div>
<div style="
     background: rgb(68, 68, 68);
  width: 264px;
  height: 4px;
  position: absolute;
  top: 217px;
  left: 18px;
"></div>
<div style="
    background: url(http://lh4.googleusercontent.com/-p4g7335iuQQ/AAAAAAAAAAI/AAAAAAAACgI/CJn9q3VR7rU/s80-c/photo.jpg);
    width: 80px;
    height: 80px;
    position: absolute;
    border: 3px solid rgb(101, 109, 119);
    top: 86px;
    left: 107px;
    border-radius: 5px 5px 5px 24px;
"></div>
<div style="
    position: absolute;
    top: 240px;
    width: 261px;
    text-align: center;
    left: 21px;
  font-size: 16px;
  font-family: NeoSansArabic;
">اسم الكاتب : محمد السراي اعيش في العراق اهتم بتصميم وبرمجة السكربتات ونشرهها على المدونة ونشر القوالب والمقالات اي شي تريد ان تفضله يمكنك ان تتصل بنا مع اضافة اي محتوى في القالب او اضافة صغيرة مع تحيات مدونة حمودي ويب</div>