Опытным дизайнерам

UNNIX , я думаю они вырезали данную функцию, так как у меня не срабатывает зелёный прогресс бар.
P.S. 10 android и последняя версия chrome

Screenshot_20210717_123036.jpg 21.1 Kb ⬇ 120

FSeven , а что ты делал?

UNNIX , цвет индикатора не возможно просто взять и поменять
Гугл будет предупреждать об медленной загрузке сайта(кликабельно)
________
посл. ред. 17.07.2021 в 12:43; всего 1 раз(а); by FSeven

Парочку статей, на эту тему:
1) https://sitehere.ru/sobstvennyj-indikator-zagruzki-stranicy
2) https://prowebmastering.ru/load-indicator.html

UNNIX (17.07.2021 в 12:08)
Na_Poryadok_Vishe , не добовить а изменить стандартную.

А где ты такое видел? Мне кажется это не возможно все таки это механика браузер а, у каждого браузер свой индикатор загрузки.

css

   /* IE10 */ 
 progress { 
     color: blue; 
     border: solid 1pt gray; 
     width: 300pt; 
     height: 20px; 
 } 
  
 /* Firefox */ 
 progress::-moz-progress-bar { 
     background: blue; 
     border: solid 1pt gray; 
     width: 300pt; 
     height: 20px; 
 } 
  
 /* Chrome */ 
 progress::-webkit-progress-value { 
     background: blue; 
     border: solid 1pt gray; 
     width: 300pt; 
     height: 20px; 
 } 
  
 /* Polyfill */ 
 progress[aria-valuenow]:before { 
     background: blue; 
     border: solid 1pt gray; 
     width: 300pt; 
     height: 20px; 
 } 
  
 progress { 
     -webkit-appearance: none; 
     appearance: none; 
 } 
  
 progress::-webkit-progress-bar { 
     background-color: #eee; 
     border-radius: 2px; 
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; 
 } 
  
 progress[value] { 
     -webkit-appearance: none; 
     appearance: none; 
 } 
  
 progress[value]::-webkit-progress-value { 
     border-radius: 2px; 
     background-size: 35px 20px, 100% 100%, 100% 100%; 
 }

Na_Poryadok_Vishe , я предположил. Ведь фон меняется в браузере.

к стати тут синяя загрузка. А у меня на сайте белая.
Сори просто режим инкогнито был.
________
посл. ред. 17.07.2021 в 18:16; всего 1 раз(а); by UNNIX