2015-05-07 15 views
6

enter image description hereThay đổi màu sắc của văn bản nếu progressbar đạt nó

tôi đã được yêu cầu làm những progressbars nhưng Có vẻ như không thể làm cho họ vì nếu progressbar là < 50% đó là với một màu sau đó nó là màu trắng. Làm thế nào để làm cho một nửa của văn bản màu trắng và một nửa với một màu sắc nếu thanh tiến trình là nó ở 50%? Điều gì xảy ra nếu thanh tiến trình dừng ở giữa một số? Giải pháp duy nhất mà tôi nghĩ đến là làm cho văn bản màu đen nhưng nó có thể không đẹp trong thiết kế. Bất kỳ sugestions?

+0

Bạn có thể hiển thị HTML không? – JohnDevelops

+0

Tôi không có html.Đây chỉ là ảnh chụp màn hình của psd tôi sẽ chuyển đổi thành html. –

+0

Bạn đã không thử bất cứ điều gì? Xem các đề xuất của tôi và những người khác bên dưới. – JohnDevelops

Trả lời

1

Bạn có thể sử dụng hai div được đặt phía trên nhau. Một với khung còn lại với thanh tiến trình.

Hoặc bạn đọc lên trên này article

1

tôi sẽ tiếp cận này bằng cách thêm văn bản vào bên trong HTML (giả HTML cho phép nó) cho các quán bar cũng như giữ nó bên ngoài nơi nó đang ngồi.

Sử dụng CSS sau đó đẩy văn bản sao cho văn bản nằm hoàn hảo trên văn bản có màu nhưng được tô màu trắng để tạo ảo giác cho văn bản thay đổi nhưng văn bản màu trắng đơn giản được tiết lộ khi thanh mở rộng. Điều đó có ý nghĩa?

+1

Xin lỗi tôi không nhận được nó :) –

+1

Có hiệu quả những gì đã được nói :) Xem các câu hỏi stackoverflow khác được liên kết trong câu trả lời hàng đầu. – JohnDevelops

Các vấn đề liên quan