Please donate if you are willing to support the further development of file upload plugin. when you click on submit button then fire the jquery ajax method and the upload of the image will show you a progress bar. View Demo Download File Upload Form showing Progress Bar But when we have a large amount of file size then it takes long time to upload on a server. The new HTML5 progress element has been made specifically for developers to use in scenarios such as this, it automatically matches the specific browser software visually, but you can customize your loading bar graphics for branding or consistency in all the different browsers. But when you have a large amount of file size then it takes time to upload on a server. FileController.php. And also create a uploads/ folder. Codeigniter 3 - Basic CRUD application with MySQL Example with Demo, Laravel - Image Upload and Resize Example using Intervention Image Package, Laravel 7 Auth Example | Laravel 7 Authentication Example, Laravel Collection SortBy Tutorial with Examples. Use Winrar to extract the zipped file. Include fileuploader.js and fileuploader.css into your page. So you have to simply add bellow code on following path: , ,