Progress Bar

[tt48]

Доброго всем здравия и с проходящей масленицей.

Задался целью сделать прогрессбар и чтоб циферки

у него как в стандартных инсталляторах при переходе

цвета тоже цвет менялся..

наверное не шибко понятно - http://beavers-net.narod.ru/primers/progress.html

на примере лучше видать.

Хочется, чтобы для слоев с циферками не приходилось забивать каждый раз

отступ в пикселях, а забить его сразу на 50% и тогда он будет резиновый.

Но такое у меня получается только при указании position: absolute;

...после чего слой уже не обрезается через overflow и виден всегда..

Можно ли вообще как-то обрезать абсолютно позиционированный слой?

Буду рад конструктивной критике по коду.

*код писался глубокой ночью, так что может быть

малость нелогичным до неприличия. заранее прошу прощения.

С уважением, Олег.

Edited March 3, 2011 by tt48

[Vlad]

Здесь какое-то решение есть

http://htmlbook.ru/practical/indikator-vypolneniya

Можно также использовать <progress>, но для малого числа браузеров.

[tt48]

Здесь какое-то решение есть

http://htmlbook.ru/practical/indikator-vypolneniya

Можно также использовать <progress>, но для малого числа браузеров.

Спасибо, но не то.

Нужно, чтоб работало ie 7-..

И суть была в том, чтобы при переходе цвета фона

был также переход цвета цифр.. Т.е. при 50%

цифра 5 и часть нолика, оказавшиеся в области с

фоном бегунка, меняют цвет с черного на белый.

Без абсолютного позиционирования слоя с

белыми буковками не получается задавать отступ в процентах, а с

абсолютом не работает overflow.

[tt48]

Спасибо, но не то.

Нужно, чтоб работало ie 7-..

И суть была в том, чтобы при переходе цвета фона

был также переход цвета цифр.. Т.е. при 50%

цифра 5 и часть нолика, оказавшиеся в области с

фоном бегунка, меняют цвет с черного на белый.

Без абсолютного позиционирования слоя с

белыми буковками не получается задавать отступ в процентах, а с

абсолютом не работает overflow.

Нашел свойство clip: rect(,,,);

но чтот не получилось с процентами - вообще их не переваривает.

http://beavers-net.narod.ru/primers/progress_clipping.html

Накосячил где-то чтоли?