Ashley Awesome, thank you for the explanation. My confusion came from the fact that buttons seem to be 100% customizable through CSS, but the progress bar didn't seem to follow those same properties / css elements. I really appreciate you taking the time to explain and I truly hope I didn't seem too rude/blunt to you. Just been running on such little sleep trying to get cosmochoria done :
Makes a bunch more sense to me now, and makes sense why I cant specify background stuff, because I actually need to be able to target the "progress[value]::-webkit-progress-value" specifically. Oh well. Would be awesome to be able to make non-image based progress bars (for health bars, etc) but it sounds like a niche request if this thread is primarily just me and you talking about it haha.
transparent 33%, rgba(0, 0, 0, .1) 33%,
rgba(0,0, 0, .1) 66%, transparent 66%),
rgba(255, 255, 255, .25),
rgba(0, 0, 0, .25)),
-webkit-linear-gradient(left, #09c, #f44);
background-size: 35px 20px, 100% 100%, 100% 100%;
without using any images at all.