title: Progress bar displaying loading percentage in ajax,php
body: <p>Hi i am using ajax for loading database content .I want to display the total percentage of loading or image.</p>
  
  <p>This is my  Script</p>
  
  <pre><code>function name1(str)
  {
  if (str.length==0)
   {
    document.getElementById("txtHint").innerHTML="";
     return;
   }
  if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
   }
  else
   {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
  xmlhttp.onreadystatechange=function()
   {
    if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
    {
     document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
     }
   }
   xmlhttp.open("GET","user.php?q="+str,true);
  xmlhttp.send();
  }
  </code></pre>
  
  <p>user.php?q=ram , which is passing a value .And fetch the data from database 
  How to modify ajax to to display the loading image </p>