title: Twilio Chat - How do i display upload progress of media?
body: <p>I am trying to upload a picture to a channel using the code in this <a href="https://www.twilio.com/docs/api/chat/guides/media-support" rel="nofollow noreferrer">link</a>:</p>
  
  <pre><code>const formData = new FormData();
  formData.append('file', $('#formInputFile')[0].files[0]);
  // get desired channel (for example, with getChannelBySid promise)
  chatClient.getChannelBySid(channelSid).then(function(channel) {
    // send media with all FormData parsed atrtibutes
    channel.sendMessage(formData);
  });
  </code></pre>
  
  <p>File is uploaded and image is shared successfully, but i would like to show upload progress to the user. How can i do it?</p>
  
  <p>Also, while displaying images, is there a way to get thumbnail of the image first so as to not download the entire image unless user wants to see it?</p>
  
  <p>No examples of the upload progress code is provided in Github sample project.</p>