Skip to content
Related Articles

Related Articles

HTML | DOM onprogress Event
  • Last Updated : 31 Jul, 2019

The DOM onprogress event in HTML occurs when the browser is downloading the specified audio/video.

Events occur during the loading process of an audio/video:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough


  • In HTML:
    <element onprogress="myScript">
  • In JavaScript:
    object.onprogress = function(){myScript};
  • In JavaScript, using the addEventListener() method:
    object.addEventListener("progress", myScript);

Example: Using the addEventListener() method

<!DOCTYPE html>
        HTML DOM onprogress Event
        <h1 style="color:green">
          HTML DOM onprogress Event
        <video controls id="vidID" 
               width="320" height="240">
            <source src=
              "vidID").addEventListener("progress", GFGfun);
            function GFGfun() {
                alert("Video progress");


  • Before:
  • After:

Supported Browsers: The browsers supported by HTML DOM onprogress Event are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera


My Personal Notes arrow_drop_up
Recommended Articles
Page :