How To Add Progress Bar in Uploading (PHP) - php

Question

How to add a progress bar on my uploading page?
I will be using A Wordpress template to integrate the uploader.
This is the uploader code I have right now:
global $post;
/*Video Uploading*/
if ( isset($_FILES['upload_attachment']) ) {
$count = '0';
$files = $_FILES['upload_attachment'];
foreach ($files['name'] as $key => $value) {
if ($files['name'][$key]) {
$file = array(
'name' => $files['name'][$key],
'type' => $files['type'][$key],
'tmp_name' => $files['tmp_name'][$key],
'error' => $files['error'][$key],
'size' => $files['size'][$key]
);
$_FILES = array("upload_attachment" => $file);
foreach ($_FILES as $file => $array) {
$newupload = betube_insert_attachment($file,$post->ID);
$attachvideo = wp_get_attachment_url( $newupload);
add_post_meta($post_id, 'jtheme_video_file', $attachvideo);
add_post_meta($post_id, '_video_thumbnail', $newupload);
set_post_thumbnail( $post_id, $newupload );
$count++;
}
}
}
}

Answer 1

To add progressbar you must have to upload file with jquery/ajax. There is one default javascript event listener called 'progress' which is used to increment progress bar. Here is a full working example, but make sure as you are working in wordpress so ajax php code will be changed as per your requirement. demo: http://theonlytutorials.com/jquery-ajax-file-upload-with-percentage-progress-bar/