From 1d0c97b854f47541b9b93a35531078ff137e0d79 Mon Sep 17 00:00:00 2001
From: TatianaFokina <fokinatatian@gmail.com>
Date: Fri, 8 Sep 2023 21:09:37 +0400
Subject: [PATCH 01/13] =?UTF-8?q?=D0=94=D0=BE=D0=BF=D0=BE=D0=BB=D0=BD?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=B8=20=D1=83=D0=BB=D1=83=D1=87=D1=88?=
 =?UTF-8?q?=D0=B0=D0=B5=D1=82=20=D1=82=D0=B5=D0=BA=D1=81=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/index.md | 47 ++++++++++++++++++++++++++++++++----------
 1 file changed, 36 insertions(+), 11 deletions(-)

diff --git a/html/progress/index.md b/html/progress/index.md
index ed8dbbaae7..a28bdfde66 100644
--- a/html/progress/index.md
+++ b/html/progress/index.md
@@ -9,7 +9,7 @@ keywords:
 related:
   - html/meter
   - recipes/progress
-  - css/vendor-prefixes
+  - a11y/role-progressbar
 tags:
   - doka
 ---
@@ -18,30 +18,55 @@ tags:
 
 Тег `<progress>` создаёт индикатор выполнения задачи. Обычно выглядит как прогресс-бар.
 
+В тег по умолчанию встроена роль [`progressbar`](/a11y/role-progressbar/), которая делает загрузку «живой» областью. Это область страницы, об изменениях в которой пользователи [скринридеров](/a11y/screenreaders/) узнают автоматически, без перехода к ней.
+
 ## Пример
 
 ```html
-<p>Подождите, пожалуйста, файл загружается</p>
-<progress value="30" max="100"></progress>
+<label for="progress">Загрузка файла</label>
+<progress id="progress" value="0" max="100"></progress>
 ```
 
 ## Как понять
 
-Тег `<progress>` стоит использовать для вывода информации о процессе, который выполняется и должен завершиться: прогресс загрузки файла, процесс соединения абонентов, длительность таймера.
+Тег `<progress>` стоит использовать для вывода информации о процессе, который выполняется и должен завершиться. Например:
+
+- сообщить о количестве свободного места на диске;
+- вывести допустимые пределы громкости;
+- показать уровень загруженности интернет-канала;
+- прогресс загрузки файла;
+- процесс соединения абонентов.
 
 <aside>
 
-💡 Если пользователю надо показать числовое значение в заданном диапазоне, лучше использовать тег [`<meter>`](/html/meter/).
+💡 Если показываете пользователю числовое значение в заданном диапазоне, используйте тег [`<meter>`](/html/meter/). Для таймера используйте специальную [ARIA-роль `timer`](/a11y/role-timer/).
 
 </aside>
 
-- сообщить о количестве свободного места на диске;
-- вывести допустимые пределы громкости;
-- показать уровень загруженности интернет-канала.
-
 ## Как пишется
 
-- `max` — максимальное значение. Должно быть положительным, допускаются дробные значения. По умолчанию равно 1.
-- `value` — текущее значение. Положительное число, допускаются дробные значения. Должно находится в пределах между 0 и значением атрибута `max`. Также его можно менять при помощи JavaScript. Если атрибут не прописан, то линия внутри прогресс-бара будет перемещаться от одного края к другому, показывая, что задача выполняется, но не известно, сколько это займёт времени.
+Специальные атрибуты `<progress>`:
+
+- `max` — максимальное значение. Должно быть положительным, допускаются дробные значения. По умолчанию равно `1``.
+- `value` — текущее значение. Положительное число, допускаются дробные значения. Должно находиться в пределах между 0 и значением атрибута `max`. Если атрибут не прописан, линия внутри прогресс-бара будет перемещаться от одного края к другому. Это показывает, что задача выполняется, но неизвестно, сколько займёт времени.
+
+Минимальное значение `min` всегда равно `0`, и этот атрибут нельзя задавать `<progress>`.
+
+Чтобы прогресс-бар был полностью доступен для пользователей, изменяйте значение `value` при помощи JavaScript.
 
 К тегу `<progress>` применимы все [глобальные атрибуты](/html/global-attrs/).
+
+Также не забывайте подписывать, что сейчас загружается. Для видимой подписи используйте тег `<label>`, а для видимой только пользователям вспомогательных технологий — [`aria-label`](/a11y/aria-label/).
+
+```html
+<!-- Подпись с <label> -->
+<label for="progress">Загрузка файла</label>
+<progress id="progress" value="0" max="100"></progress>
+
+<label>
+  Загрузка файла <progress id="progress" value="0" max="100"></progress>
+</label>
+
+<!-- Подпись с aria-label -->
+<progress id="progress" value="0" max="100" aria-label="Загрузка файла"></progress>
+```

From 9416c700b8393afaed505387c82c8f8b0bb6a0aa Mon Sep 17 00:00:00 2001
From: TatianaFokina <fokinatatian@gmail.com>
Date: Fri, 8 Sep 2023 21:27:52 +0400
Subject: [PATCH 02/13] =?UTF-8?q?=D0=9F=D1=80=D0=B8=D1=87=D1=91=D1=81?=
 =?UTF-8?q?=D1=8B=D0=B2=D0=B0=D0=B5=D1=82=20=D0=B4=D0=B5=D0=BC=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/demos/basic/index.html | 140 +++++++++++++++++----------
 1 file changed, 88 insertions(+), 52 deletions(-)

diff --git a/html/progress/demos/basic/index.html b/html/progress/demos/basic/index.html
index 004b6d2ad6..ecc9f9f15c 100644
--- a/html/progress/demos/basic/index.html
+++ b/html/progress/demos/basic/index.html
@@ -6,48 +6,56 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap">
   <style>
-    *,
-    *::before,
-    *::after {
-      box-sizing: border-box;
+    *, *::before, *::after {
       margin: 0;
       padding: 0;
+      box-sizing: border-box;
+    }
+
+    html {
+      color-scheme: dark;
+      font-size: 18px;
     }
 
     body {
+      min-height: 100vh;
+      padding: 50px;
       display: flex;
       align-items: center;
       justify-content: center;
-      padding: 28px;
-      color: #ffffff;
+      background-color: #18191C;
+      color: #FFFFFF;
       font-family: "Roboto", sans-serif;
-      font-size: 18px;
-      background-color: #18191c;
     }
 
-    .demo-wrap {
+    .container {
       display: flex;
       flex-direction: column;
+      width: 100%;
+      max-width: 500px;
+    }
+
+    .row {
+      display: flex;
       align-items: center;
-      max-width: 480px;
+      justify-content: space-between;
       width: 100%;
+      margin-bottom: 25px;
     }
 
-    .demo-title {
-      margin-bottom: 16px;
-      font-size: 20px;
-      font-weight: bold;
-      text-align: center;
+    .row-label {
+      margin-right: 55px;
+      font-size: 24px;
+      font-weight: 500;
+      line-height: 1;
     }
 
     .upload {
       position: relative;
       width: 100%;
-      height: 28px;
-      margin-bottom: 12px;
-      border: 1px solid #5068f6;
+      border: 1px solid #FF8630;
       border-radius: 16px;
     }
 
@@ -59,78 +67,106 @@
       z-index: 1;
     }
 
-    progress {
+    .upload__indicator {
+      overflow: hidden;
+      display: block;
       width: 0;
       border: none;
       border-radius: 16px;
       height: 28px;
-      background-color: #5068f6;
+      background-color: #FF8630;
     }
 
-    progress::-webkit-progress-bar {
+    .upload__indicator::-webkit-progress-bar {
       border: none;
-      background-color: #5068f6;
+      background-color: #FF8630;
+      border-radius: 16px;
     }
 
-    progress::-webkit-progress-value {
-      background-color: #5068f6;
+    .upload__indicator::-webkit-progress-value {
+      background-color: #FF8630;
+      border-radius: 16px;
     }
 
-    progress::-moz-progress-bar {
+    .upload__indicator::-moz-progress-bar {
       border: none;
-      background-color: #5068f6;
+      background-color: #FF8630;
+      border-radius: 16px;
     }
 
-    #successText {
+    .success-message {
       height: 22px;
-      margin-bottom: 16px;
+      margin-top: 15px;
     }
 
-    button {
-      display: inline-flex;
-      align-items: center;
-      padding: 12px 24px;
-      border: 1px solid transparent;
-      border-radius: 12px;
-      font-family: "Roboto", sans-serif;
-      font-size: 16px;
-      color: #ffffff;
-      background-color: #5068f6;
+    .button {
+      display: block;
+      min-width: 210px;
+      border: 2px solid transparent;
+      border-radius: 6px;
+      padding: 9px 15px;
+      color: #000000;
+      font-size: 18px;
+      font-weight: 300;
+      font-family: inherit;
+      transition: background-color 0.2s linear;
+    }
+
+    .button-orange {
+      background-color: #FF8630;
+    }
+
+    .button:hover {
+      background-color: #FFFFFF;
       cursor: pointer;
-      transition: border-color 0.2s linear;
+      transition: background-color 0.2s linear;
+    }
+
+    .button:focus-visible {
+      border: 2px solid #FFFFFF;
+      outline: none;
+    }
+
+    .button:focus {
+      border: 2px solid #FFFFFF;
+      outline: none;
     }
 
-    button:hover {
-      border: 1px solid #ffffff;
-      transition: border-color 0.2s linear;
+    @media (max-width: 768px) {
+      body {
+        padding: 30px;
+      }
     }
   </style>
 </head>
 <body>
-  <div class="demo-wrap">
-    <div class="demo-title">Индикатор загрузки файла</div>
-    <div class="upload">
-      <div id="progressCounter" class="upload__counter">0%</div>
-      <progress id="progressBar" value="0" max="100"></progress>
+  <div class="container">
+    <div class="row">
+      <label class="row-label">Загрузка файла</label>
+      <div class="upload">
+        <div id="progressCounter" class="upload__counter">0%</div>
+        <progress id="progressBar" class="upload__indicator" value="0" max="100"></progress>
+      </div>
     </div>
-    <p id="successText"></p>
-    <button onclick="start()">Загрузить файл</button>
+    <button class="button button-orange" onclick="start()">Загрузить файл</button>
+    <p class="success-message" id="successText"></p>
   </div>
 
   <script>
     const progressBar = document.getElementById('progressBar')
     const uploadSuccess = document.getElementById('successText')
     const uploadCounter = document.getElementById('progressCounter')
-    let progressWidth = 0;
+    let progressWidth = 0
 
     function start() {
       setInterval(() => {
         if (progressWidth >= 100) {
-          uploadSuccess.textContent = 'Файл загружен успешно.'
+          uploadSuccess.textContent = 'Файл успешно загружен.'
           clearInterval()
         } else {
           progressWidth++;
           progressBar.style.width = progressWidth + '%'
+          progressBar.val = progressWidth
           uploadCounter.textContent = progressWidth + '%'
         }
       }, 10)

From f12d5fb797ef868342a240cfdd2333a40f7a7541 Mon Sep 17 00:00:00 2001
From: TatianaFokina <fokinatatian@gmail.com>
Date: Fri, 8 Sep 2023 21:29:17 +0400
Subject: [PATCH 03/13] =?UTF-8?q?=D0=95=D1=89=D1=91=20=D1=83=D0=BB=D1=83?=
 =?UTF-8?q?=D1=87=D1=88=D0=B0=D0=B5=D1=82=20=D0=B4=D0=B5=D0=BC=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/demos/basic/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/html/progress/demos/basic/index.html b/html/progress/demos/basic/index.html
index ecc9f9f15c..068e5150ab 100644
--- a/html/progress/demos/basic/index.html
+++ b/html/progress/demos/basic/index.html
@@ -142,7 +142,7 @@
 <body>
   <div class="container">
     <div class="row">
-      <label class="row-label">Загрузка файла</label>
+      <label class="row-label" for="progressBar">Загрузка файла</label>
       <div class="upload">
         <div id="progressCounter" class="upload__counter">0%</div>
         <progress id="progressBar" class="upload__indicator" value="0" max="100"></progress>
@@ -166,7 +166,7 @@
         } else {
           progressWidth++;
           progressBar.style.width = progressWidth + '%'
-          progressBar.val = progressWidth
+          progressBar.value = progressWidth
           uploadCounter.textContent = progressWidth + '%'
         }
       }, 10)

From f2d25b31364e92c28f67e1f1ad2595acd20748d8 Mon Sep 17 00:00:00 2001
From: TatianaFokina <fokinatatian@gmail.com>
Date: Fri, 8 Sep 2023 21:32:36 +0400
Subject: [PATCH 04/13] =?UTF-8?q?=D0=9F=D1=80=D0=B8=D1=87=D1=91=D1=81?=
 =?UTF-8?q?=D1=8B=D0=B2=D0=B0=D0=B5=D1=82=20=D1=82=D0=B5=D0=BA=D1=81=D1=82?=
 =?UTF-8?q?=20=D1=81=D0=BE=D0=B2=D0=B5=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/index.md            |  2 ++
 html/progress/practice/webdb81.md | 16 ++++++++--------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/html/progress/index.md b/html/progress/index.md
index a28bdfde66..48827b3aa7 100644
--- a/html/progress/index.md
+++ b/html/progress/index.md
@@ -3,6 +3,8 @@ title: "`<progress>`"
 description: "Элемент, который показывает ход выполнения задачи."
 authors:
   - webdb81
+contributors:
+  - tatianafokina
 keywords:
   - индикация загрузки
   - индикатор процесса
diff --git a/html/progress/practice/webdb81.md b/html/progress/practice/webdb81.md
index a10b1b3765..0e6fc7adbd 100644
--- a/html/progress/practice/webdb81.md
+++ b/html/progress/practice/webdb81.md
@@ -2,33 +2,33 @@
 
 ![Внешний вид прогресс-бара в macOS и Windows](../images/default_progressbar.png)
 
-Если надо чтобы прогресс-бар выглядел везде одинаково, то нужно стилизовать его. Например, следующее правило убирает границу элемента, которая есть по умолчанию, и меняет цвет фона:
+Если нужно, чтобы прогресс-бар выглядел везде одинаково, то стилизуйте его. Например, следующее правило убирает границу элемента, которая есть по умолчанию, и меняет цвет фона:
 
 ```css
 progress {
   border: none;
-  background-color: #5068f6;
+  background-color: #FF8630;
 }
 ```
 
-Но в Firefox эти стили не затронут бегунок, поэтому дополнительно потребуется использовать [вендорный префикс](/css/vendor-prefixes/) `-moz`. А вот для стилизации в Chrome и Safari как самого элемента, так и его бегунка, необходимо использовать префиксы `-webkit`.
+В Firefox эти стили не затронут бегунок, поэтому дополнительно используйте [вендорный префикс](/css/vendor-prefixes/) `-moz`. Для стилизации в Chrome и Safari как самого элемента, так и его бегунка, используйте префиксы `-webkit`.
 
-Поэтому для того, чтобы прогресс-бар и бегунок выглядели одинаково во всех основных браузерах, нам потребуется добавить следующие правила:
+Так что для того, чтобы прогресс-бар и бегунок выглядели одинаково во всех основных браузерах, нам потребуется добавить следующие правила:
 
 ```css
 progress::-moz-progress-bar {
   border: none;
-  background-color: #5068f6;
+  background-color: #FF8630;
 }
 
 progress::-webkit-progress-bar {
   border: none;
-  background-color: #5068f6;
+  background-color: #FF8630;
 }
 
 progress::-webkit-progress-value {
-  background-color: #5068f6;
+  background-color: #FF8630;
 }
 ```
 
-<iframe title="Пример индикатора загрузки" src="../demos/basic/" height="190"></iframe>
+<iframe title="Пример индикатора загрузки" src="../demos/basic/" height="200"></iframe>

From 82ae762871ba2b99adec600f6277a7a94b71fcfd Mon Sep 17 00:00:00 2001
From: Tatiana Fokina <fokinatatian@gmail.com>
Date: Fri, 8 Sep 2023 21:47:36 +0400
Subject: [PATCH 05/13] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=B4=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/index.md | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/html/progress/index.md b/html/progress/index.md
index 48827b3aa7..67b5ab9e97 100644
--- a/html/progress/index.md
+++ b/html/progress/index.md
@@ -24,11 +24,23 @@ tags:
 
 ## Пример
 
+Прогресс-бар с установленными максимальным значением:
+
 ```html
 <label for="progress">Загрузка файла</label>
 <progress id="progress" value="0" max="100"></progress>
 ```
 
+Задача выполняется, но неизвестно, сколько займёт времени. В примере связываем прогресс-бар с фидом, где обновляется содержимое, при помощи атрибута [aria-describedby](/a11y/aria-describedby/).
+
+```html
+<div role="feed" aria-busy="true" aria-describedby="progress">
+  <!-- Содержимое, которое сейчас обновляется -->
+</div>
+
+<progress id="progress" aria-label="Фид обновляется"></progress>
+```
+
 ## Как понять
 
 Тег `<progress>` стоит использовать для вывода информации о процессе, который выполняется и должен завершиться. Например:
@@ -54,7 +66,7 @@ tags:
 
 Минимальное значение `min` всегда равно `0`, и этот атрибут нельзя задавать `<progress>`.
 
-Чтобы прогресс-бар был полностью доступен для пользователей, изменяйте значение `value` при помощи JavaScript.
+Чтобы прогресс-бар был полностью доступен для всех пользователей, изменяйте значение `value` при помощи JavaScript. В этом случае скринридеры расскажут о процессе загрузки в процентах или с помощью особого звукового оповещения.
 
 К тегу `<progress>` применимы все [глобальные атрибуты](/html/global-attrs/).
 

From 618335a241d043d86da03ad8dee2e58aa33feec5 Mon Sep 17 00:00:00 2001
From: Tatiana Fokina <fokinatatian@gmail.com>
Date: Fri, 8 Sep 2023 21:49:09 +0400
Subject: [PATCH 06/13] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=B0=D1=82=D1=80=D0=B8=D0=B1=D1=83=D1=82?=
 =?UTF-8?q?=20=D0=B2=20=D0=B4=D0=B5=D0=BC=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/demos/basic/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html/progress/demos/basic/index.html b/html/progress/demos/basic/index.html
index 068e5150ab..8ec1a33d96 100644
--- a/html/progress/demos/basic/index.html
+++ b/html/progress/demos/basic/index.html
@@ -149,7 +149,7 @@
       </div>
     </div>
     <button class="button button-orange" onclick="start()">Загрузить файл</button>
-    <p class="success-message" id="successText"></p>
+    <p class="success-message" id="successText" aria-live="polite"></p>
   </div>
 
   <script>

From e387d5bd75a975c5b8d3df4f7d858b0283abf30c Mon Sep 17 00:00:00 2001
From: Tatiana Fokina <fokinatatian@gmail.com>
Date: Sat, 9 Sep 2023 00:23:54 +0400
Subject: [PATCH 07/13] =?UTF-8?q?=D0=9F=D1=80=D0=B0=D0=B2=D0=B8=D1=82=20?=
 =?UTF-8?q?=D0=BC=D0=B5=D0=BB=D0=BE=D1=87=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/html/progress/index.md b/html/progress/index.md
index 67b5ab9e97..2dd345d5a9 100644
--- a/html/progress/index.md
+++ b/html/progress/index.md
@@ -31,7 +31,7 @@ tags:
 <progress id="progress" value="0" max="100"></progress>
 ```
 
-Задача выполняется, но неизвестно, сколько займёт времени. В примере связываем прогресс-бар с фидом, где обновляется содержимое, при помощи атрибута [aria-describedby](/a11y/aria-describedby/).
+Задача выполняется, но неизвестно, сколько займёт времени. В примере связываем прогресс-бар с фидом, где обновляется содержимое, при помощи атрибута [`aria-describedby`](/a11y/aria-describedby/).
 
 ```html
 <div role="feed" aria-busy="true" aria-describedby="progress">
@@ -61,7 +61,7 @@ tags:
 
 Специальные атрибуты `<progress>`:
 
-- `max` — максимальное значение. Должно быть положительным, допускаются дробные значения. По умолчанию равно `1``.
+- `max` — максимальное значение. Должно быть положительным, допускаются дробные значения. По умолчанию равно `1`.
 - `value` — текущее значение. Положительное число, допускаются дробные значения. Должно находиться в пределах между 0 и значением атрибута `max`. Если атрибут не прописан, линия внутри прогресс-бара будет перемещаться от одного края к другому. Это показывает, что задача выполняется, но неизвестно, сколько займёт времени.
 
 Минимальное значение `min` всегда равно `0`, и этот атрибут нельзя задавать `<progress>`.

From de87bd180232013ebf3c0df422549e92aed0653f Mon Sep 17 00:00:00 2001
From: Tatiana Fokina <fokinatatian@gmail.com>
Date: Sat, 9 Sep 2023 00:26:41 +0400
Subject: [PATCH 08/13] =?UTF-8?q?=D0=9F=D1=80=D0=B0=D0=B2=D0=B8=D1=82=20?=
 =?UTF-8?q?=D0=B4=D1=80=D1=83=D0=B3=D0=B8=D0=B5=20=D0=BC=D0=B5=D0=BB=D0=BE?=
 =?UTF-8?q?=D1=87=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/practice/webdb81.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/html/progress/practice/webdb81.md b/html/progress/practice/webdb81.md
index 0e6fc7adbd..492876ec93 100644
--- a/html/progress/practice/webdb81.md
+++ b/html/progress/practice/webdb81.md
@@ -1,6 +1,6 @@
 🛠 Внешний вид элемента `<progress>` может быть разным — это зависит от браузера и операционной системы устройства пользователя. Вот так стандартный прогресс-бар будет выглядеть на устройствах с macOS и Windows:
 
-![Внешний вид прогресс-бара в macOS и Windows](../images/default_progressbar.png)
+![У прогресс-бара в macOS голубая заливка, скруглённые края и серая рамка. В Windows прогресс-бар шире, тоже есть серая рамка, но без скруглений, и зелёная заливка.](../images/default_progressbar.png)
 
 Если нужно, чтобы прогресс-бар выглядел везде одинаково, то стилизуйте его. Например, следующее правило убирает границу элемента, которая есть по умолчанию, и меняет цвет фона:
 
@@ -31,4 +31,4 @@ progress::-webkit-progress-value {
 }
 ```
 
-<iframe title="Пример индикатора загрузки" src="../demos/basic/" height="200"></iframe>
+<iframe title="Пример индикатора загрузки" src="../demos/basic/" height="350"></iframe>

From 33e439503df9bfe8c2a57d33bf5aefafa08ab60f Mon Sep 17 00:00:00 2001
From: Tatiana Fokina <fokinatatian@gmail.com>
Date: Sat, 9 Sep 2023 16:54:21 +0400
Subject: [PATCH 09/13] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D1=8F=D0=B5=D1=82=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html/progress/index.md b/html/progress/index.md
index 2dd345d5a9..6d84a43465 100644
--- a/html/progress/index.md
+++ b/html/progress/index.md
@@ -24,7 +24,7 @@ tags:
 
 ## Пример
 
-Прогресс-бар с установленными максимальным значением:
+Прогресс-бар с известным максимальным значением:
 
 ```html
 <label for="progress">Загрузка файла</label>

From 666e2b9a5fd95fcdd3819bf6f86619744515871c Mon Sep 17 00:00:00 2001
From: TatianaFokina <fokinatatian@gmail.com>
Date: Sun, 10 Sep 2023 03:27:28 +0400
Subject: [PATCH 10/13] =?UTF-8?q?=D0=9C=D0=B5=D0=BD=D1=8F=D0=B5=D1=82=20?=
 =?UTF-8?q?=D0=BA=D0=B0=D1=80=D1=82=D0=B8=D0=BD=D0=BA=D1=83=20=D0=BD=D0=B0?=
 =?UTF-8?q?=20=D0=B0=D0=BA=D1=82=D1=83=D0=B0=D0=BB=D1=8C=D0=BD=D1=83=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/images/default_progressbar.png | Bin 3126 -> 17009 bytes
 html/progress/practice/webdb81.md            |   4 ++--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/html/progress/images/default_progressbar.png b/html/progress/images/default_progressbar.png
index b689ea85810994ffd7b94e203bf8f03f1fadcf0e..e772fec273e741e48e32e962754c9fa731ad8d91 100644
GIT binary patch
literal 17009
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
SqMQAXNk&RhvRWJ*@IL_hk5&%=

literal 3126
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
Q2LJ#707*qoM6N<$f~C`GBLDyZ

diff --git a/html/progress/practice/webdb81.md b/html/progress/practice/webdb81.md
index 492876ec93..af4a9eff0b 100644
--- a/html/progress/practice/webdb81.md
+++ b/html/progress/practice/webdb81.md
@@ -1,6 +1,6 @@
-🛠 Внешний вид элемента `<progress>` может быть разным — это зависит от браузера и операционной системы устройства пользователя. Вот так стандартный прогресс-бар будет выглядеть на устройствах с macOS и Windows:
+🛠 Внешний вид элемента `<progress>` может быть разным — это зависит от браузера и операционной системы устройства пользователя. Стандартный прогресс-бар на устройствах с macOS и Windows имеет голубую заливку в Chrome, Safari и Firefox. Только Edge использует серый цвет. Сильнее всего элемент отличается в Safari. Он гораздо уже остальных.
 
-![У прогресс-бара в macOS голубая заливка, скруглённые края и серая рамка. В Windows прогресс-бар шире, тоже есть серая рамка, но без скруглений, и зелёная заливка.](../images/default_progressbar.png)
+![Сравнение прогресс-бара в Windows и macOS. Отличия описаны перед картинкой.](../images/default_progressbar.png)
 
 Если нужно, чтобы прогресс-бар выглядел везде одинаково, то стилизуйте его. Например, следующее правило убирает границу элемента, которая есть по умолчанию, и меняет цвет фона:
 

From dc24a3fb720f36e05c144220adcb3fd65fd8cb62 Mon Sep 17 00:00:00 2001
From: TatianaFokina <fokinatatian@gmail.com>
Date: Tue, 12 Sep 2023 17:17:09 +0400
Subject: [PATCH 11/13] =?UTF-8?q?=D0=9F=D1=80=D0=B0=D0=B2=D0=B8=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BD=D0=BE=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=D0=B7=D1=83?=
 =?UTF-8?q?=D0=B5=D1=82=20=D0=B4=D0=B5=D0=BC=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/demos/basic/index.html | 39 ++++++++++++++++++++++------
 1 file changed, 31 insertions(+), 8 deletions(-)

diff --git a/html/progress/demos/basic/index.html b/html/progress/demos/basic/index.html
index 8ec1a33d96..06c7584c58 100644
--- a/html/progress/demos/basic/index.html
+++ b/html/progress/demos/basic/index.html
@@ -33,16 +33,22 @@
     .container {
       display: flex;
       flex-direction: column;
-      width: 100%;
-      max-width: 500px;
     }
 
     .row {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      width: 100%;
-      margin-bottom: 25px;
+    }
+
+    .row + .row {
+      margin-top: 25px;
+    }
+
+    .row--upload {
+      display: flex;
+      flex-direction: column;
+      align-items: end;
     }
 
     .row-label {
@@ -52,9 +58,12 @@
       line-height: 1;
     }
 
+    .upload, .button  {
+      width: 350px;
+    }
+
     .upload {
       position: relative;
-      width: 100%;
       border: 1px solid #FF8630;
       border-radius: 16px;
     }
@@ -136,20 +145,34 @@
       body {
         padding: 30px;
       }
+
+      .row {
+        display: block;
+      }
+
+      .upload, .button, .container  {
+        width: 100%;
+      }
+
+      .upload {
+        margin-top: 10px;
+      }
     }
   </style>
 </head>
 <body>
   <div class="container">
     <div class="row">
-      <label class="row-label" for="progressBar">Загрузка файла</label>
+      <label class="row-label" for="progressBar">Загрузка файла:</label>
       <div class="upload">
         <div id="progressCounter" class="upload__counter">0%</div>
         <progress id="progressBar" class="upload__indicator" value="0" max="100"></progress>
       </div>
     </div>
-    <button class="button button-orange" onclick="start()">Загрузить файл</button>
-    <p class="success-message" id="successText" aria-live="polite"></p>
+    <div class="row row--upload">
+      <button class="button button-orange" onclick="start()">Загрузить файл</button>
+      <p class="success-message" id="successText" aria-live="polite"></p>
+    </div>
   </div>
 
   <script>

From 8e5bbd232173badfd46ffc940b106348f473024d Mon Sep 17 00:00:00 2001
From: TatianaFokina <fokinatatian@gmail.com>
Date: Sat, 16 Sep 2023 18:26:04 +0400
Subject: [PATCH 12/13] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=BD=D0=B0=D1=87=D0=B5=D1=80=D1=82=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/progress/demos/basic/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html/progress/demos/basic/index.html b/html/progress/demos/basic/index.html
index 06c7584c58..be58d653bd 100644
--- a/html/progress/demos/basic/index.html
+++ b/html/progress/demos/basic/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap">
   <style>
     *, *::before, *::after {
       margin: 0;

From 5f05e34ceabf7fce481100cd8f90fa88ba0547e1 Mon Sep 17 00:00:00 2001
From: Tatiana Fokina <fokinatatian@gmail.com>
Date: Tue, 3 Oct 2023 17:54:19 +0400
Subject: [PATCH 13/13] =?UTF-8?q?=D0=9F=D1=80=D0=B8=D0=BD=D0=B8=D0=BC?=
 =?UTF-8?q?=D0=B0=D0=B5=D1=82=20=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Alena Batitskaia <solarrust@users.noreply.github.com>
---
 html/progress/index.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/html/progress/index.md b/html/progress/index.md
index 6d84a43465..7ccf8df55b 100644
--- a/html/progress/index.md
+++ b/html/progress/index.md
@@ -82,5 +82,11 @@ tags:
 </label>
 
 <!-- Подпись с aria-label -->
-<progress id="progress" value="0" max="100" aria-label="Загрузка файла"></progress>
+<progress
+  id="progress"
+  value="0"
+  max="100"
+  aria-label="Загрузка файла"
+>
+</progress>
 ```