HTML DOM Progress অবজেক্ট

DOM Progress অবজেক্ট একটি HTML ডকুমেন্টের <progress> এলিমেন্টকে রিপ্রেজেন্ট করে।

Progress অবজেক্ট তৈরি করা যাক:

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

document.createElement("PROGRESS");

প্রোপার্টিগুলো

Progress অবজেক্টের প্রোপার্টিগুলো:

উদাহরণ

Progress অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <head> <style>    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{       background-color:#fff;       border:1.5px dashed #0197F6;       height:2rem;       border-radius:2px;       width:60%;       margin:2rem auto;       display:block;       color:#0197F6;       outline:none;       cursor:pointer;    }    p{       font-size:1.2rem;       background-color:#db133a;       color:#fff;       padding:8px;    } </style> </head> <body> <h1>DOM progress Object Demo</h1> <button onclick="createProgress()" class="btn">Create a progress object</button> <script>    function createProgress() {       var progressElement = document.createElement("PROGRESS");       progressElement.setAttribute("value","60");       progressElement.setAttribute("max","100");       document.body.appendChild(progressElement);    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট প্রডিউস করবে:

"Create a progress object" বাটনে ক্লিক করলে একটি progress অবজেক্ট তৈরি হবে।