i am developing a website, in our website we have a Video player, and a Download button. When user click to it, it will download the video to user machine.

Usually this can be done if user right click and choose Save Video as. Then a native browser dialog open, where user can choose destination and file name, then click save. After that in the bottom of the browser there will be a widget to show progress, and user can click to open after it finishes downloading

Now my question is it possible if we create a similiar functional widget but in the website. So basically after user clicking Download. This modal will appear in the bottom left of the page

Then after downloading is finished, it will change to

So to sum up the requirement for this

1/ Trigger download automatically by JS without right click and choose Save video as

2/ Showing a custom progress of downloading

3/ When downloading is finished, there is a custom button, where user can click to Open

4/ [Optional] Hide the native progress/click to open widget of the browser

So these requirement i still not sure which one is possible and which one is not, so hopefully if someone can give me a direction, thanks