Skip to main content
Stack Overflow
  1. About
  2. For Teams

Timeline for CSS progress bar text color for contrast filled and empty backgrounds?

Current License: CC BY-SA 2.5

25 events
when toggle format what by license comment
Oct 27, 2022 at 18:06 answer added Optimix timeline score: 0
Jan 25, 2021 at 9:36 answer added Vlad Kosachev timeline score: 1
Dec 19, 2010 at 11:30 history edited gkrogers
changed tag: progress-bar -> progressbar
Jul 4, 2009 at 19:51 vote accept drdaeman
Jul 4, 2009 at 12:54 history edited drdaeman CC BY-SA 2.5
Thank you. Still one problem — `width: auto` on #container :-(
Jul 4, 2009 at 12:43 answer added Lachlan Roche timeline score: 8
Jul 3, 2009 at 21:57 history edited drdaeman CC BY-SA 2.5
Removed old note. The code is back.
Jul 3, 2009 at 21:43 history edited drdaeman CC BY-SA 2.5
Another attempt, still not working as expected.
Jul 3, 2009 at 20:57 history edited drdaeman CC BY-SA 2.5
added 1578 characters in body; added 75 characters in body
Jul 3, 2009 at 20:34 answer added Nosredna timeline score: 1
Jul 3, 2009 at 20:33 answer added Dan Herbert timeline score: 1
Jul 3, 2009 at 20:29 history edited drdaeman CC BY-SA 2.5
deleted 309 characters in body
Jul 3, 2009 at 20:29 comment added Nosredna I get it. So is this bar updating in real time, or per page load? I've done exactly what you're showing, but I used JavaScript to move the bar.
Jul 3, 2009 at 20:26 comment added colithium Exactly, I think that's what he would like to do but can't get it to work with XHTML and CSS.
Jul 3, 2009 at 20:25 comment added Nosredna So the illustration is what he wants, then. It's not what he already has? I thought it was working all along except exactly at 0 and 100 due to some glitch.
Jul 3, 2009 at 20:24 comment added colithium @Nosredna that's what he wants to do. But how? How using only the tools available would he accomplish this rather involved task? Notice that part of the 0 is white and the other part of the same glyph is black.
Jul 3, 2009 at 20:23 comment added Nosredna You don't have a single color. You have two colors.
Jul 3, 2009 at 20:23 comment added Nosredna Is the image from your current implementation? It looks fine at 50%.
Jul 3, 2009 at 20:22 comment added colithium I think there's a problem with 0-50% or 50-100%, not so much only 0 and 100%. Like the picture shows, it's hard to pick a single color that is readable on both background colors.
Jul 3, 2009 at 20:21 comment added Nosredna I must be missing something. Why not make it white when it's on dark blue and black when it's on white?
Jul 3, 2009 at 20:20 comment added drdaeman Either it's a black text on dark blue background (very hard to read), or white text on white background (impossible to read).
Jul 3, 2009 at 20:20 answer added Meep3D timeline score: 8
Jul 3, 2009 at 20:19 answer added Lucas Jones timeline score: 1
Jul 3, 2009 at 20:19 comment added Nosredna What, exactly, is the problem with 0% and 100%?
Jul 3, 2009 at 20:17 history asked drdaeman CC BY-SA 2.5
toggle format

AltStyle によって変換されたページ (->オリジナル) /