Open In App

HTML DOM onprogress Event

Improve
Improve
Like Article
Like
Save
Share
Report

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: 

  • onloadstart
  • ondurationchange
  • onloadedmetadata
  • onloadeddata
  • onprogress
  • oncanplay
  • oncanplaythrough

Supported Tags

Syntax: 

  • 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 

html




<!DOCTYPE html>
<html>
   
<head>
    <title>
        HTML DOM onprogress Event
    </title>
</head>
 
<body>
    <h1 style="color:green">
        GeeksforGeks
    </h1>
    <h2>
        HTML DOM onprogress Event
    </h2>
    <video controls id="vidID"
           width="320" height="240">
        <source src=
                type="video/mp4">
    </video>
   
    <script>
        document.getElementById(
            "vidID").addEventListener("progress", GFGfun);
        function GFGfun() {
            alert("Video progress");
        }
    </script>
</body>
 
</html>


Output: 

 

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

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 9.0
  • Firefox 6
  • Apple Safari 3.1
  • Opera 12.1


Last Updated : 15 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads