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.
Read next ElixirMix Podcast 054 - Phoenix LiveView with Leandro Pereira