JQuery Progress bar

JQuery Progress bar


I am new to Jquery and task is given to me to "make a progress bar for task completion " . For example: there are  4 Sections and all those 4 section have different youtube videos . After the user clicks the section and watch the video of that particular section the progress bar should be increased to 25% completed. 

I am searching for this kind of tool available on internet but i haven't got any apart from that bootstrap file upload progress bar.

Can anybody help me out and make me understand how to make it . I am new to Jquery so please give me some example or fiddle example so that i can implement after getting it through.