From 07a61801607facbfe3eaa1d8d6ef7e120bc6e163 Mon Sep 17 00:00:00 2001 From: ISich Date: Tue, 2 Apr 2024 17:25:28 +0500 Subject: [PATCH 1/8] 1 - 1photo --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 846cf93..b7d425d 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ + From ead3d03add876fe49b65054001148a2e705b515f Mon Sep 17 00:00:00 2001 From: kulikovartem Date: Tue, 2 Apr 2024 17:34:17 +0500 Subject: [PATCH 2/8] add comment --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index b7d425d..a3f3e7d 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ + \ No newline at end of file From 8aea628ffe8a9d919ee7c2877e6147d68ee31888 Mon Sep 17 00:00:00 2001 From: kulikovartem Date: Tue, 2 Apr 2024 17:36:43 +0500 Subject: [PATCH 3/8] add square --- index.html | 7 ++++--- styles.css | 4 ++++ 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index a3f3e7d..8820cf7 100644 --- a/index.html +++ b/index.html @@ -6,9 +6,10 @@ - - - +
+ + +
\ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..bb49d69 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,4 @@ +.square{ + display: flex; + flex-direction: column; +} \ No newline at end of file From 67d0dc8adaba1ca7a9ead18a80377d26ad3c09a9 Mon Sep 17 00:00:00 2001 From: ISich Date: Tue, 2 Apr 2024 17:49:38 +0500 Subject: [PATCH 4/8] pre 2 --- index.html | 12 ++++++++++++ styles.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 57 insertions(+) diff --git a/index.html b/index.html index 8820cf7..dffaed2 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,18 @@ + +
+ +
+
+ +
+
+

Содержимое вашего модального окна...

+
+
+ \ No newline at end of file diff --git a/styles.css b/styles.css index bb49d69..2ae8e17 100644 --- a/styles.css +++ b/styles.css @@ -1,4 +1,49 @@ .square{ display: flex; flex-direction: column; +} + +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + height: 100vh; + overflow: hidden; /* Предотвращает прокрутку страницы под модальным окном */ +} + +.overlay { +position: fixed; +top: 0; +left: 0; +right: 0; +bottom: 0; +background: rgba(0, 0, 0, 0.5); +z-index: 10; /* Убедитесь, что оверлей находится над другим содержимым, но под модальным окном */ +} + +.modal { +position: fixed; +top: 50%; +left: 50%; +transform: translate(-50%, -50%); +width: 640px; +background-color: white; +box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +z-index: 20; /* Убедитесь, что модальное окно находится над оверлеем */ +} + +.modal-header { +padding: 10px; +text-align: right; +} + +.close-button { +background: none; +border: none; +font-size: 1.5rem; +cursor: pointer; +} + +.modal-body { +padding: 20px; } \ No newline at end of file From d8f4bcf95cf01c2375d6c8830634312953f68e40 Mon Sep 17 00:00:00 2001 From: kulikovartem Date: Tue, 2 Apr 2024 18:08:54 +0500 Subject: [PATCH 5/8] aaaaaaaa --- styles.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/styles.css b/styles.css index 2ae8e17..20c2ee9 100644 --- a/styles.css +++ b/styles.css @@ -12,13 +12,13 @@ body { } .overlay { -position: fixed; -top: 0; -left: 0; -right: 0; -bottom: 0; -background: rgba(0, 0, 0, 0.5); -z-index: 10; /* Убедитесь, что оверлей находится над другим содержимым, но под модальным окном */ + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 10; /* Убедитесь, что оверлей находится над другим содержимым, но под модальным окном */ } .modal { From a07de27299134c1930d6b6eafe659e77de2ff4e1 Mon Sep 17 00:00:00 2001 From: kulikovartem Date: Tue, 2 Apr 2024 18:12:28 +0500 Subject: [PATCH 6/8] change css --- styles.css | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/styles.css b/styles.css index 20c2ee9..67aa723 100644 --- a/styles.css +++ b/styles.css @@ -8,7 +8,7 @@ body { margin: 0; padding: 0; height: 100vh; - overflow: hidden; /* Предотвращает прокрутку страницы под модальным окном */ + overflow: hidden; } .overlay { @@ -18,32 +18,32 @@ body { right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); - z-index: 10; /* Убедитесь, что оверлей находится над другим содержимым, но под модальным окном */ + z-index: 10; } .modal { -position: fixed; -top: 50%; -left: 50%; -transform: translate(-50%, -50%); -width: 640px; -background-color: white; -box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -z-index: 20; /* Убедитесь, что модальное окно находится над оверлеем */ + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 640px; + background-color: white; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + z-index: 20; } .modal-header { -padding: 10px; -text-align: right; + padding: 10px; + text-align: right; } .close-button { -background: none; -border: none; -font-size: 1.5rem; -cursor: pointer; + background: none; + border: none; + font-size: 1.5rem; + cursor: pointer; } .modal-body { -padding: 20px; + padding: 20px; } \ No newline at end of file From b64680151a08d529b5e85035cded9e1a980d31c1 Mon Sep 17 00:00:00 2001 From: ISich Date: Tue, 2 Apr 2024 18:13:01 +0500 Subject: [PATCH 7/8] pre load --- index.html | 6 +++++- index.js | 21 ++++++++++++++++++++- styles.css | 33 ++++++++++++++++++++++++++++++--- 3 files changed, 55 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index dffaed2..31f0ccc 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,11 @@
-

Содержимое вашего модального окна...

+

TEEEEXT

+
+
+ Loading... +
diff --git a/index.js b/index.js index dd50919..3eaebd9 100644 --- a/index.js +++ b/index.js @@ -4,4 +4,23 @@ const element = document.querySelector('.myElement'); element.style.color = 'red'; element.style.width = '300px'; -*/ \ No newline at end of file +*/ +document.addEventListener('DOMContentLoaded', () => { + let progress = 0; + const interval = 30; + const duration = 3000; + const step = interval / duration * 100; + + const progressElement = document.getElementById('progress'); + const progressText = document.getElementById('progress-text'); + + const intervalId = setInterval(() => { + progress += step; + if (progress >= 100) { + progress = 100; + clearInterval(intervalId); + } + + progressElement.style.width = `${progress}%`;}, interval); + }); + \ No newline at end of file diff --git a/styles.css b/styles.css index 2ae8e17..76bf74e 100644 --- a/styles.css +++ b/styles.css @@ -8,7 +8,7 @@ body { margin: 0; padding: 0; height: 100vh; - overflow: hidden; /* Предотвращает прокрутку страницы под модальным окном */ + overflow: hidden; } .overlay { @@ -18,7 +18,7 @@ left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -z-index: 10; /* Убедитесь, что оверлей находится над другим содержимым, но под модальным окном */ +z-index: 10; } .modal { @@ -29,7 +29,7 @@ transform: translate(-50%, -50%); width: 640px; background-color: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -z-index: 20; /* Убедитесь, что модальное окно находится над оверлеем */ +z-index: 20; } .modal-header { @@ -46,4 +46,31 @@ cursor: pointer; .modal-body { padding: 20px; +} + +.progress-bar { +position: relative; +width: 100%; +height: 30px; +background-color: grey; +color: black; +text-align: center; +line-height: 30px; +overflow: hidden; +} + +.progress { +position: absolute; +left: 0; +top: 0; +width: 0%; +height: 100%; +background-color: red; +transition: width 0.5s; +z-index: 1; +} + +.progress-text { +position: relative; +z-index: 2; } \ No newline at end of file From 0a4822fc9ad582ac05ed6b88a4166e4dcbdd7811 Mon Sep 17 00:00:00 2001 From: kulikovartem Date: Tue, 2 Apr 2024 18:13:35 +0500 Subject: [PATCH 8/8] change html --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index dffaed2..5411394 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,8 @@
- - + +