Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Unable to see download progress if the download is initiated from a pop up window

more options

I work with a site from where I can download content only from a pop up window, but when I do click on the download it does not show progress. However, in my regular window(non pop up) when I download any content I see the download progress. Is there a way to enable download progress icon in the pop up window toolbar?

I work with a site from where I can download content only from a pop up window, but when I do click on the download it does not show progress. However, in my regular window(non pop up) when I download any content I see the download progress. Is there a way to enable download progress icon in the pop up window toolbar?

Chosen solution

Firefox used to have a preference for whether to show the regular toolbar in a popup or just the address bar but at some point that option was removed to make Firefox popup windows more consistent with other browsers. (Insert sad face here.)

Of course, you can call up the Downloads window (Ctrl+J) to monitor progress, but that gives you something else to juggle.

Another approach is to modify the toolbar layout using a community supported workaround, which involves creating a userChrome.css file. Setting this up is a little bit involved, so please set aside 10 quiet minutes to work through it.

(For anyone who already has a userChrome.css file set up, you just need to add the rule under (A) to your file.)

(A) Select and copy the following style rule code

/* Override Hiding of Toolbar Buttons in Limited Feature Windows */
*|*:root[chromehidden~="toolbar"] .chromeclass-toolbar-additional {
  display: -moz-box !important; /* default is display: none */
}


(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, either replacing the sample rule or adding the new one at the end if you want to keep the sample rules:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that file browser window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you downloaded in Step B into the chrome folder you created in Step C

(E) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rule.

Success?

Once you start tweaking the interface this way, you'll probably find more and more things you want to do. I suggest bookmarking the pages where you get the code for future reference, because changes to Firefox may break them and it's easier to request an update if you can find the source.

Read this answer in context 👍 0

All Replies (2)

more options

No, u can't have a Download progress icon within a javascript window.

more options

Chosen Solution

Firefox used to have a preference for whether to show the regular toolbar in a popup or just the address bar but at some point that option was removed to make Firefox popup windows more consistent with other browsers. (Insert sad face here.)

Of course, you can call up the Downloads window (Ctrl+J) to monitor progress, but that gives you something else to juggle.

Another approach is to modify the toolbar layout using a community supported workaround, which involves creating a userChrome.css file. Setting this up is a little bit involved, so please set aside 10 quiet minutes to work through it.

(For anyone who already has a userChrome.css file set up, you just need to add the rule under (A) to your file.)

(A) Select and copy the following style rule code

/* Override Hiding of Toolbar Buttons in Limited Feature Windows */
*|*:root[chromehidden~="toolbar"] .chromeclass-toolbar-additional {
  display: -moz-box !important; /* default is display: none */
}


(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, either replacing the sample rule or adding the new one at the end if you want to keep the sample rules:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that file browser window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you downloaded in Step B into the chrome folder you created in Step C

(E) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rule.

Success?

Once you start tweaking the interface this way, you'll probably find more and more things you want to do. I suggest bookmarking the pages where you get the code for future reference, because changes to Firefox may break them and it's easier to request an update if you can find the source.