Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Progress Bar Won't Go Away

The progress bar that is at the bottom of the video will not go away. I use Google Chrome. To troubleshoot, I tried disabling and blocking all plug-ins, but the problem still exists. Any help would be greatly appreciated!

9 Answers

Stone Preston
Stone Preston
42,016 Points

if your mouse is on the video it stays. Have you tried clicking off in the sidebar or some other area of the screen off the video?

Im running chrome as well and havent had that problem

Yes I've tried that and I'm still having the problem :(

Stone Preston
Stone Preston
42,016 Points

hmm. can you try it firefox?

I don't have firefox, so I tried it in IE really quick, and IE is not having this problem, so it must be something with Chrome. However, I'd really prefer to use Chrome.

Stone Preston
Stone Preston
42,016 Points

try updating to the most recent release of chrome

I was having the same problem. My screen is touchscreen however and if I touched the video, the progress bar would go away. Not sure if you have a touchscreen or not though.

This is happening to me in Chrome (which is fully-updated) and is absurdly distracting. This bar doesn't go away if I click elsewhere on the page.

Additionally, I can't click anywhere on the video to make the video pause, I can only pause by hitting the play/pause button.

These two problems only occur for Chrome (not Firefox), and only started happening to me in the last few days. Both are incredibly annoying.

Thomas Kim
Thomas Kim
194 Points

I can confirm I am having the exact same problem on Chrome but not firefox~

Yep someone needs to fix this

It happened to me as well, tried updating chrome and flash player and it still happened. But my laptop is a touchscreen and I realized the bar goes away if I touch outside the video area. Not if I click outside but only if I actually physically touch it.

I solved it in Chrome using an extension called Stylebot, to activate the User Applied to pages then I made a rule like this,

.mejs-container .mejs-controls {
    background: rgba(56,64,71,0.98);
    bottom: 0px;
    right: 30px;
    width: auto;
    height: 40px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 0 1px inset,rgba(0,0,0,0.1) 0 0 5px 5px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 0 0 1px inset,rgba(0,0,0,0.1) 0 0 5px 5px;
    box-shadow: rgba(0,0,0,0.1) 0 0 0 1px inset,rgba(0,0,0,0.1) 0 0 5px 5px;
    opacity: 0.4;
Daniel Politz
Daniel Politz
6,338 Points

I am also having this problem. If you could explain how to do the above in layman's term that would be much appreciated. IE isn't what I want to learn on and it's all that is working.

For IE. you have to take the code above and save it with a file name like: customstyle_treehouse.css
then follow the instructions in the page ( taken from http://webdesign.about.com/od/css/ht/htcssuseriewin.htm )

"How To Write a User Style Sheet for Internet Explorer for Windows"

User style sheets allow you to have more control over the Web pages you are visiting. They allow you to define styles for usability as well as for your own comfort. This how to explains how to use a user style sheet in Internet Explorer for Windows.

Difficulty: Easy

Time Required: 5 minutes

Here's How:

  1. Open Internet Explorer and click on the Tools menu.
  2. Go to Internet Options and click on Accessibility in the General tab.
  3. Click the check box for "Format documents using my style sheet".
  4. Browse to your style sheet and choose it. Then click "OK" twice to get out of the Internet Options menu.
  5. Close your browser and re-open it. Your styles will be applied to all pages you visit after that.

If you have a very old IE this might not work anyways. Just so you know Chrome and Firefox are free.