title: how to show prograss bar before loading the image in Picasso. and then if image is loaded then start stories progressview in android
body: <p>I am working on the project to create the stories like whatsapp or instagram.</p>
  
  <p>we are using the library from <a href="https://github.com/shts/StoriesProgressView" rel="nofollow noreferrer">Github</a></p>
  
  <p>Our image are loaded from firebase.</p>
  
  <p>but the problem is that stories start with loading the image because image size is large.</p>
  
  <pre><code>@Override
      public void onFirebaseLoadSuccess(final List&lt;Movie&gt; movieList) {
          storiesProgressView.setStoriesCount(movieList.size());
          storiesProgressView.setStoryDuration(1500L);
  
  
  
      Picasso.get().load(movieList.get(counter).getImage()).into(imageView, new Callback() {
          @Override
          public void onSuccess() {
              progressBar.setVisibility(View.GONE);
              storiesProgressView.startStories();
          }
  
          @Override
          public void onError(Exception e) {
  
          }
      });
  
      storiesProgressView.setStoriesListener(new StoriesProgressView.StoriesListener() {
          @Override
          public void onNext() {
  
              if(counter &lt; movieList.size()){
                  counter++;
                  Picasso.get().load(movieList.get(counter).getImage()).into(imageView);
              }
          }
  
          @Override
          public void onPrev() {
  
              if(counter &gt; 0){
                  counter--;
                  Picasso.get().load(movieList.get(counter).getImage()).into(imageView);
              }
          }
  
  
          @Override
          public void onComplete() {
              counter = 0;
              Toast.makeText(MainActivity.this,"Completed!",Toast.LENGTH_LONG).show();
              finish();
          }
      });
  }
  </code></pre>