HTML DOM readyState Property

Last Updated : 11 Jul, 2025

The readyState property in HTML is used to return the loading status of the current document. This property is used for read-only. 

Syntax:

document.readyState

Return Value: It returns a string value which is used to define the status of the current document. The one of five status are listed below:

  • uninitialized: Process does not start loading.
  • loading: Process is loading.
  • loaded: Process has been loaded.
  • interactive: Process loading is enough to interact with the user.
  • complete: Process fully loaded.

Example: In this example, we will use readyState property.

HTML
<!DOCTYPE html>
<html>

<head>
    <title>DOM readyState Property</title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM readyState Property</h2>
    <button onclick="Geeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function Geeks() {
            let x = document.readyState;
            document.getElementById("sudo").innerHTML = x;
        }
    </script>
</body>

</html>

Output:

Supported Browsers: The browser supported by DOM readyState Property are listed below:

Comment

Explore