This is a DOM-based interactive project where users can simulate downloading a file with a dynamic progress bar, glowing animation message, and a fullscreen looping video background.
A smooth blend of JavaScript DOM manipulation, CSS animations, and modern UI design. 🚀
✔️ Animated download progress bar
✔️ Random download duration
✔️ Glowing “Download Complete” effect
✔️ Button disables during download
✔️ Glassmorphism card design
✔️ Fullscreen looping video background
✔️ Smooth & responsive UI
DOM-TASK-2/
│── index.html
│── style.css
│── script.js
│── musicvideo.mp4
🔹 Click Download button
🔹 A random time between 5–10 seconds is generated
🔹 Progress bar updates from 0% → 100%
🔹 Button becomes inactive during progress
🔹 After completion, shows Download Complete ✔️
- HTML5
- CSS3
- JavaScript (DOM Manipulation)
- Video Background
- Keyframe Animations
git clone https://github.com/vikaskumar098/DOM-TASK-2.git
cd DOM-TASK-2Open index.html in your browser.
✨ DOM updates using JavaScript
✨ Dynamic progress bar creation
✨ setInterval() & setTimeout() handling
✨ UI/UX improvement with animations
✨ Video as background
✨ Button state control
Vikas Kumar
🔗 LinkedIn: https://www.linkedin.com/in/vikas0905/
🔗 GitHub: https://github.com/vikaskumar098
If you found this helpful:
✔️ Star ⭐ the repo
✔️ Follow for more DOM + JS projects