Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
10.0 + |
Версії CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Опис
Задає стиль індикатора еле нта <progress> в браузері Internet Explorer. Саме значення індикатора і його становище змінюється динамічно за допомогою скриптів.
Синтаксис
селектор :: - ms-fill {...}
Значення
Ні.
Приклад
HTML5 CSS3 IE 10 Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> :: - ms-fill </title> <style> progress {height: 20px; background: linear-gradient (to bottom, #fff, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6); } Progress :: - ms-fill {background: linear-gradient (to bottom, #fceabb, #fccd4d 50%, #f8b500 51%, #fbdf93); } </style> <script> function progress () {bar=document.getElementById ( 'bar'); bar.value +=2; //Збільшуємо значення на 2 if (bar.value <100) {setTimeout (progress, 500); //Викликаємо функцію кожні 0.5 сек. }} </script> </head> <body onload="progress ()"> <progress max="100" value="0" id="bar"> </progress> </body> </html>
Результат даного прикладу показаний на рис. 1.