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://fbcovershub.com/media/cover-506-beautiful-flowers-facebook-timeline-cover-fb-cover.html-1390352250.jpg);
    margin: 53px 6px;
    height: 47px;
    font-family: droid arabic kufi;
    font-size: 15px;
    text-align: right;
    width: 263px;
    color: black;
    padding: 132px 14px 2px 0px;
">محمد السراي
</div>
<div style="
     background: rgb(68, 68, 68);
  
     width: 5px;
  
     height: 179px;
  position: absolute;
  
     top: 55px;
  
     left: 180px;
"></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: 194px;
    border-radius: 50px;
"></div>
<div style="
    position: absolute;
    top: 109px;
    width: 155px;
    color: rgb(50, 50, 50);
    text-align: center;
    left: 21px;
  font-size: 16px;
  
    font-family: NeoSansArabic;
">اسم الكاتب:محمد السراي اعيش في العراق اعشق التدوين وبرمجة السكربتات ونشر القوالب وحلول المشاكل المدونات العربية</div>

CSS

@font-face {
  font-family: &#39;Droid Arabic Kufi&#39;;
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format(&#39;embedded-opentype&#39;),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format(&#39;woff2&#39;),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format(&#39;woff&#39;),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format(&#39;truetype&#39;);
}
<link href='http://fonts.hosni.netdna-cdn.com/fonts/cdn/file_font/?font=NeoSansArabic' rel='stylesheet'/>