Progress Bar - PHP Ajax File Uploader (Images and Zip/Rar files)

Hello right now I've a website that I use to Upload files to Amazon S3 Bucket I own, I'd like to add a progress bar to check the percentage and status of my uploading to the Amazon S3 Bucket. This is the form and PHP code I'm using right now to accomplish the uploading FORM : -------------- <form id="contact-form" action="[login to view URL]" method="post" name="frmImage" enctype="multipart/form-data"> <input class="file-input" type="file" style="width:100%;"autocomplete="off" name="ftp" accept="image/*, .zip, .rar, .bzip" onchange="[login to view URL]();changeStyle()" class="file-up" id="fileFTP"> </form> ------------- PHP TO UPLOAD: ----------- <?php require './aws/[login to view URL]'; use Aws\S3\S3Client; use Aws\S3\Exception\S3Exception; // AWS Info $bucketName = '****'; $IAM_KEY = '*****'; $IAM_SECRET = '*****'; // Connect to AWS try { // You may need to change the region. It will say in the URL when the bucket is open // and on creation. us-east-2 is Ohio, us-east-1 is North Virgina $s3 = S3Client::factory(array( 'credentials' => array( 'key' => $IAM_KEY, 'secret' => $IAM_SECRET ), 'version' => 'latest', 'region' => 'eu-west-1' )); } catch (Exception $e) { die("Error: " . $e->getMessage()); } // For this, I would generate a unqiue random string for the key name. But you can do whatever. //$target_file = 'f/' . basename($_FILES["ftp"]['tmp_name']); //ftp is file name at [login to view URL] if (isset($_FILES["ftp"]) && $_FILES["ftp"]["error"] == 0) { $mimeType = mime_content_type($_FILES["ftp"]["tmp_name"]); $fileSize = $_FILES["ftp"]["size"]; if (strpos($mimeType, "image") === 0) { if ($fileSize <= 1000 * 1024 * 1024) { //max image size $target_dir = "i/"; // $strng = preg_replace("/[\s-]|\#/", "_", basename($_FILES["ftp"]["name"])); //Prima era solo "/[\s-]/" $target_file = $target_dir . time() . rand(100, 999); //$pathInS3 = '[login to view URL]' . $bucketName . '/' . $target_file; // Add it to S3 try { if (!file_exists('/tmp/tmpfile')) { echo 3; mkdir('/tmp/tmpfile'); } $tempFilePath = '/tmp/tmpfile/' . basename($_FILES["ftp"]['name']); $tempFile = fopen($tempFilePath, "w") or die("Error: Unable to open file."); $fileContents = file_get_contents($_FILES["ftp"]['tmp_name']); $tempFile = file_put_contents($tempFilePath, $fileContents); $s3->putObject(array( 'Bucket' => $bucketName, 'Key' => $target_file, 'SourceFile' => $tempFilePath, 'StorageClass' => 'REDUCED_REDUNDANCY', 'ACL' => 'public-read' )); $valPOutput = htmlspecialchars($target_file); header('HTTP/1.1 303 See Other'); header('Location: [login to view URL]' . "?p=" . $valPOutput); } catch (S3Exception $e) { die('Error:' . $e->getMessage()); } catch (Exception $e) { die('Error:' . $e->getMessage()); } } else { echo "image too big"; } } elseif ($mimeType == "application/zip" || $mimeType == "application/x-rar-compressed" || $mimeType == COULD NOT UPLOAD ALL PHP CAUSE OF MAX CHARS Tried to do but encountered the problem that when calling the form I get redirected to [login to view URL] and Javascript etc stop working.!!!! I do not want to add a button to submit the form, everything must stay the same, only need to add a Progress Bar.