배경도 밝은 색이고 숫자도 밝은 색이라

한 40%쯤 되지 않으면 아예 숫자가 안 보이고,

40~60%대에서는 잘려 보입니다.

 

예: 현재 43%

 

foobar.png

 

그러나 지금처럼 가운데정렬 상태에서는 어떤 색이라도 문제가 있을 것 같으니

 

50% 미만일 때는 (아직 채워지지 않은) 오른쪽으로 정렬해서 진한 색으로 쓰고,

50% 이상일 때는 (이미 채워진) 왼쪽으로 정렬해서 연한 색으로 쓰면 어떨까요?

 

기진곰

profile
GitHub @kijin 사람을 위한 인터넷 생태계의 발전에 많은 관심을 갖고 있습니다.
우리가 만들어 가는 XE의 새 이름, 라이믹스(Rhymix) 프로젝트에 참여하고 있습니다.
오픈소스 도로명주소 검색서버 및 API Postcodify를 개발, 운영중입니다.
국내외 서버 및 클라우드서버 세팅, 이전, 튜닝해 드립니다.
  • profile
    그 방법으로 하면 50%이때가 완전히 잘보입니다. 하지만 1%,10%에서는 또 다른 문제가 발생하겠죠.
  • profile profile

    아뇨, 다시 읽어보세요 ^^ 제 아이디어는 이거예요. (그림판 급조 죄송)

     

    foobar2.png

  • profile profile
    아하! 잘못이해 했네요;;

    YJSoft 님 것이 좋아 보여서...
  • profile

    text-shadow: -1px 0 #55A72F, 0 1px #55A72F, 1px 0 #55A72F, 0 -1px #55A72F;

    스크린샷 2015-09-17 오후 2.35.11.png

    이렇게 해도 됩니다. 다만 IE9 이하 브라우저는 text-shadow 속성을 지원하지 않으므로 filter:DXImage~ 를 써야 합니다.

  • profile profile
    오.. 괜찮네요.