Кроссбраузерный <progress>-бар

[belkamax05]

В IE10 все они голубого цвета, причем жутко тормозят. Но все-таки кое как работают.

[psywalker]

Дело в том, что IE10 ещё не вышел, и я попросту не стал писать для него стили. Главная цель была решить задачу. А написать CSS для градиентов я думаю, уже многим под силу ;)

[Rihtor]

Даже на iPhone работает! Браво.

[Gafs]

На андроиде (galaxy tab 10.1, android 3.2) — только белая страница и проценты.

[psywalker]

Да, согласен, причём интересно, что скрипт там работает, ведь проценты идут. Не пашет сам CSS, что странно. Смею предположить, что всё дело в проприетарных свойствах (типа таких ::-webkit-progress-bar), которые не поддерживаются в android((

[silentnuke]

угу в стандартном и doplhin.
opera на телефоне держит фасон и дает зеленый результат, хД)

[psywalker]

Ну вот и ответ.

[Evengard]

2.3 то же самое

[Sytrus]

Кто-нибудь знает, можно ли в андроиде какое-либо подобие веб-инспектора вызвать?

Тоже стало интересно можно ли? Кое-что нашел:
envyandroid.com/archives/483/easily-debug-mobile-websites-with-weinre
android.stackexchange.com/questions/5999/android-browsers-aboutdebug-what-do-those-settings-do

[Sytrus]

Рад помочь. Надеюсь, что пригодились.

[zviryatko]

немного не по теме, но заметил что css свойства такие как:
background: -o-linear-gradient(#4c4, #8f8 50%, #4c4);
firebug не видит значение -o-linear-gradient() и прочие, в то время как webkit element inspector их показывает.
или это только у меня так? firefox 11.0, ubuntu lucid.

[psywalker]

А зачем ему их видеть? Это же префикс Opera)

[zviryatko]

в webkit'e рядом со свойством желтый треугольник, что как бы намекает, но все таки firebug тулза для разработчиков, по-этому не показать все свойства не совсем верно.

[psywalker]

Я ничего не нарушал. Это называется Топик-ссылка, и я об этом прочитал, когда регистрировался ;)

[psywalker]

Я не копировал пост, я сделал краткий обзор, написав всё своими словами! Не подымайте тему, которая не подтверждена фактами.

[psywalker]

Исправил фразу. Спасибо за совет.

[psywalker]

Вы не поняли суть скрипта. Он задействует левый элемент только тогда, когда браузер не поддерживает элемент , а когда это произойдёт, то мы получим семантически работающий элемент. А вы же предлагаете какие-то div, которые совершенно не предназначены для прогресс-баров)))

[psywalker]

Упс, съело теги. Я говорил про элемент progress.

[qwertysx]

Вопрос:

​
А так не сработает? По идеи новые браузеры должны подхватить . А старые браузеры проигнорируют и мы стилизуем наш fallback.

[qwertysx]

​

код вырезался*

[qwertysx]

<progress max="100" value="30">
   <div data-max="100" data-value="30"></div>
</progress>​

Я код не умею вставлять, сорри.