Rabbit - RabbitMQ with ease! ElixirMix Podcast 054 - Phoenix LiveView with Leandro Pereira

Add a Progress Bar in the Phoenix File Upload app

Add a Progress Bar in the Phoenix File Upload app

In this part (Part 3) we focus on the front-end and see how to use JavaScript to upload a file while animating a progress bar.

At first we see how to add jQuery to our Phoenix file upload app and using it in our JavaScript files. We then see how to use jQuery to upload a file and listen to progress events to update an HTML5 progress bar.