title: How to show spinner or loading on the screen completely
body: <p>Im from Mobile background. In Android applications we do show a spinner dialog to avoid user interaction while there is a network activity. I believe we can do the same using css, with the following css I can see the spinner on the screen, but I want to avoid any user interaction on the screen while showing the spinner.</p>
  
  <pre><code>.spinner {
      position: fixed;
      z-index: 999;
      height: 5em;
      width: 5em;
      overflow: show;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
  }
  </code></pre>
  
  <p>Can anyone please help me.</p>
  
  <p>Thanks
  <a href="https://i.stack.imgur.com/6dnhm.png" rel="nofollow"><img src="https://i.stack.imgur.com/6dnhm.png" alt="enter image description here"></a></p>