title: Set progress bar on top of RecyclerView and remove after data is loaded
body: <p>I want to have a loading icon that is displayed on top of where a RecyclerView would be, and disappear once the data is finished loading</p>
  
  <p>It would look like:</p>
  
  <p><img src="https://i.stack.imgur.com/JbLSi.png" alt="enter image description here"></p>
  
  <p>Can anyone help me out?</p>
  
  <p>I have the code which shows a TextView above the RecyclerView that says "Loading..." and disappears after the data is loaded, but the RecyclerView is still visible.</p>
  
  <p>My XML:</p>
  
  <pre><code>&lt;TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/loaderTV"
      android:text="Loading..."
      android:layout_above="@+id/eventListRV"/&gt;
  
  &lt;android.support.v7.widget.RecyclerView
      android:scrollbars="vertical"
      android:id="@+id/eventListRV"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_below="@+id/spinner"&gt;
  
  
  
      &lt;/android.support.v7.widget.RecyclerView&gt;
  </code></pre>
  
  <p>And then in my code</p>
  
  <pre><code>client.listCreators(request, new Callback&lt;ServiceResponse&lt;Event&gt;&gt;() {
              @Override
              public void success(ServiceResponse&lt;Event&gt; eventServiceResponse, Response response) {
                  eventList.addAll(eventServiceResponse.data.results);
                  Log.i("tag", String.valueOf(eventServiceResponse.data.total));
  
                  if (eventList.size() &gt; 60) {
                      adapter.notifyDataSetChanged();
                      loadingText.setVisibility(View.GONE);
                  }
              }
  </code></pre>
  
  <p>But I want the RecyclerView to be invisible while the data is loading and I want the progress bar ontop of where the RecyclerView is, and I don't want it to be a textview</p>