— Десктопная версия;
— мобильная версия.
Десктопная версия
![](https://qiwiguide.ru/wp-content/uploads/2019/09/Progress-bar_States_Web@2x-1024x665.png)
![](https://qiwiguide.ru/wp-content/uploads/2019/09/Progress-bar_Sizes_Web@2x-1024x425.png)
— светло-серый фон #F5F5F5, rgb (245, 245, 245);
— неактивный серый #CCC, rgb (204, 204, 204);
— оранжевый градиент — от #FF8C00, rgb (255, 140, 0)
до #FF8200, rgb (255, 130, 0).
Мобильная версия
![](https://qiwiguide.ru/wp-content/uploads/2019/09/Progress-bar_Sizes-Web-1024x492.png)