can somebody make a youtube progress bar for me

Comments

• anagrammar

  January 2019 edited January 2019 [?]

  Here you go:

  @-moz-document domain("youtube.com") {
  .html5-scrubber-button,
  .ytp-scrubber-button {
      background: url(data:image/gif;base64,R0lGODlhlAB9APD/AAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJGAACACwAAAAAlAB9AAAC/5SPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0OQBguOv1eXzdcte3FyhA+CdxFxCQqNioyGh46AAJ4OhIKQnBaMnZGJm5sNnJ+Ql6IDpK6meagJp6uRpXirA3Knob6zZ7qmdb6fn7mLuGyev66gtXLBiM/LqLRlnrbDkNq/w72Ey92Fs9rHbM3Q0rLIw93olr3o2erq7dDH0mnh4vD55W//6cH73Nj9o8M/sCwnNnkNvAMgUTXnvT0OE5iAAlHqRo0dlCgncVM05E6PGbnY4WN9IjKdEkR1i4tLHER6clPpfAcP2RBpPXw2VzcD7sszObP4q0hCrgqZJYLJ5A2/FidXRoUlDzpkK9ijWr1q1cu3r9Cjas2LFky5o9izat2rVs27p9Czeu3Ll069q9izev3r18+/r9Cziw4K0FAAAh+QQFGAACACwyACsALAAmAAACv5SPqQdgDeFzq1pGY5y3pxYEYEiGY+N5J1CWa9qN7UyisCXTs31/rA7k9TDAIGUoiOhyzONNSWu6nBdo8Sqi4iBYrE0D/nVr3NY3bB1nc6ay2jhtt9lvszgrz07o9bVmunfXN/dHhsA3WCSEmLjkxNi48ygYaXRIWRk1mem1yano+emoAJkpNCGqSYrJeUqUarjQNFtICCh7l4Y21VTRm/TjuvK7evviYxvrGzxZ5el62XbpHK0Xo4XEkQKdLVQAADs=)no-repeat center!important;
      width: 46px !important;
      height: 38px !important;
      border: none !important;
      margin-left: -5px !important;
      margin-top: -9px !important;
      transform: scale(1)!important;
  }
  
  .html5-play-progress,
  .ytp-play-progress {
      background: #fff!important;
  }
  
  .ytp-progress-bar-container {
      bottom: 38px!important;
  }
  
  .html5-progress-bar-container,
  .ytp-progress-bar-container {
      height: 12px !important;
  }
  
  .html5-progress-bar,
  .ytp-progress-bar {
      margin-top: 12px !important;
  }
  
  .html5-progress-list,
  .ytp-progress-list,
  .video-ads .html5-progress-list.html5-ad-progress-list,
  .video-ads .ytp-progress-list.ytp-ad-progress-list {
      height: 12px !important;
  }
  }

  In Stylus, write a new style, paste in the editor, overwrite, name and save.
  
  In Stylish, write a new style, import Mozilla format, paste, overwrite, name and save.
  
  @calico Seems like this might be up your alley, so feel free to publish it. I grabbed all the selectors from that Nyan Cat style, so credit them if you do.
• calico

  January 2019 [?]

  Published.

  https://userstyles.org/styles/168014/youtube-undertale-annoying-dog-progress-bar
• krystian3w

  January 2019 edited January 2019 [?]

  Possible add use any image with "custom" option?
• anagrammar

  January 2019 [?]

  Probably not so simple to account for unpredictable image dimensions. Quite a few properties would need adjusting, depending on size and dimensions, so even if you implemented options for them all, users would need to know what they're doing in order to change them accordingly, and most don't. If you do know what you're doing, modifying it yourself is pretty simple.