title: Blur the background ,When loading pre-loader image
body: <p>Here is my Script to load Pre-loader image</p>
  
  <p><strong>JavaScript</strong>:</p>
  
  <pre><code>&lt;script&gt;    
  function showDiv() {
  
    document.getElementById('showme').style.display = "block";
    setTimeout(function() {
      document.getElementById('loadingGif').style.display = "none";
      document.getElementById('showme').style.display = "block";
    },2000);
  
  }
  
  &lt;/script&gt;  
  </code></pre>
  
  <p><strong>View</strong>:</p>
  
  <pre><code>&lt;div class="form-group alignright"&gt;
      &lt;label class="col-sm-12 control-label alignright"&gt;Upload CSV&lt;/label&gt;
         &lt;div id="showme" style="display:none"&gt;&lt;img src="&lt;?php echo base_url()?&gt;images/img.gif"&gt;&lt;/div&gt;
  
             &lt;div class="col-sm-12"&gt;
                &lt;input type="file" name="filename" size="20" /&gt;
                &lt;button type="submit" id="upload" class="btn btn-primary" onclick="showDiv()"&gt;Upload&lt;/button&gt;
             &lt;/div&gt;
         &lt;/div&gt; 
  </code></pre>
  
  <p>How can I blur the background,When I load this Pre-loader image.</p>