-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path122. ProgressBar.html
74 lines (58 loc) · 38.6 KB
/
122. ProgressBar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Progress Bar</title>
<style>
body {
margin: 0;
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #000;
}
.progress-container {
height: 10px;
width: 100%;
background-color: #000;
position: fixed;
top: 0;
}
.progress-bar {
height: 100%;
width: 0;
background-color: #bdff23;
}
.main-container {
width: 90%;
}
.main-container p {
text-align: justify;
color: #808080;
}
</style>
</head>
<body>
<div class="progress-container">
<div class="progress-bar"></div>
</div>
<div class="main-container">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum eveniet molestiae impedit nostrum nemo aut reprehenderit blanditiis commodi, voluptatem perspiciatis odit assumenda accusantium. Recusandae autem tempore error rem quae nisi iure distinctio enim. Ullam cumque aut consequuntur sequi provident dolores exercitationem labore illum totam distinctio non quaerat ipsa, nemo qui suscipit ratione consectetur? Iure ducimus numquam repellendus doloribus saepe libero ea porro, accusamus fugit suscipit dolore nemo placeat exercitationem cumque consequatur maxime enim impedit repudiandae laboriosam debitis voluptatibus et ipsam sint. Cupiditate voluptas molestiae voluptatibus, quo deserunt alias eveniet suscipit hic explicabo est porro impedit labore ducimus non minima doloremque necessitatibus dolorum sint soluta ratione iste. Repellat fugiat nostrum tempore quisquam tempora vitae fuga aspernatur eius delectus facilis ipsa sunt incidunt omnis ea sed, deserunt a quasi voluptatem placeat, laboriosam magni, beatae provident culpa sapiente! Adipisci minima suscipit amet perspiciatis! Voluptatibus, quisquam veniam corporis reprehenderit deleniti ad odit qui. Dolore, exercitationem! Sunt, hic porro commodi possimus amet similique exercitationem iusto qui. Corrupti iusto inventore, itaque repudiandae ex error magnam quidem vel consequuntur excepturi nostrum voluptas! Corporis deleniti nemo dignissimos, beatae architecto eos quae libero labore ad ipsum et molestiae alias perferendis modi fugit eligendi iure aperiam, eius porro odio est! Ratione quaerat ipsa numquam cupiditate. Deserunt dolor ipsam repellendus, exercitationem dolorem nam rem? Iste atque aspernatur quam ipsam unde ratione nesciunt voluptatem possimus facilis modi eos delectus ad, odio minima vel ea veniam quaerat non odit deleniti et quisquam quas? Molestias porro laudantium, consequatur, adipisci dolore reiciendis saepe harum suscipit error, quos nam. Natus tempora exercitationem, ratione consequuntur eveniet est eos vitae possimus corporis ab vel rem, maiores dicta voluptate nostrum ullam doloribus doloremque. Maxime omnis dolorum eius nulla blanditiis ratione incidunt, praesentium aperiam quia illo dicta aliquam explicabo accusantium quas quisquam dolore? Quibusdam temporibus odit iusto magni. Iusto, voluptatibus quis dolor excepturi vitae voluptatem repudiandae quos at neque soluta distinctio, recusandae impedit enim dolores inventore voluptates et quasi minima reiciendis repellat amet nisi dicta? Asperiores eaque ullam non sint nemo sed distinctio beatae, voluptatem numquam neque provident, voluptatum in molestias obcaecati quis veniam consequatur tempora facere exercitationem at voluptates. Hic, quaerat totam suscipit nesciunt aperiam eaque et voluptatibus exercitationem eius modi velit aliquid placeat aut atque aliquam vel non cupiditate, neque repudiandae? Blanditiis, illum perspiciatis asperiores nisi aliquam vero numquam laudantium iusto modi repellat. Nam inventore repellendus distinctio cumque molestias harum reprehenderit, tempora porro laudantium qui officia unde animi iusto, necessitatibus rerum quasi? Amet quo harum dicta blanditiis. Deserunt adipisci pariatur placeat vitae modi. Modi voluptatibus rerum omnis alias ut distinctio ratione doloremque maiores, a consequuntur enim aut quia aliquid impedit ea, repudiandae sapiente, laborum architecto sunt magni? Corporis, dignissimos earum tempora tempore alias beatae aperiam incidunt. Tempore nihil possimus voluptatem. Iste provident corrupti dicta quis sequi, modi nesciunt, repellendus ullam aliquam, dolorem temporibus velit ratione quibusdam accusantium natus dolor voluptatibus nobis sunt quo quas impedit reprehenderit ex debitis. Quis repellendus error inventore repudiandae iste, culpa dolore porro quas mollitia ipsam fugit rerum necessitatibus corrupti accusamus consequatur. Reprehenderit iusto perferendis, dolorum adipisci voluptatibus numquam a itaque fuga incidunt expedita atque ducimus amet ea necessitatibus vel esse dolorem aliquam molestiae! Facilis quo quisquam nesciunt molestias facere, animi amet fugit illum iusto provident omnis sed eligendi sit repudiandae adipisci iste libero ullam at, blanditiis, voluptas consequatur numquam nulla. Pariatur delectus reiciendis amet illum? Vero nobis perferendis fugiat quae quod sit inventore, velit reprehenderit tempore qui a esse, minus dolorum eum aut corporis, animi molestiae. Ea quisquam voluptate reprehenderit vitae accusamus aliquid odio repellendus? Cum consequuntur suscipit pariatur ipsum, iusto ipsam mollitia totam nulla molestias itaque ullam aliquam dignissimos deleniti veritatis eos, odio iste maxime dolorum, ratione nesciunt impedit nisi. Saepe, aspernatur nisi dicta modi quia dolores iste possimus nesciunt illum? Repellendus suscipit error, placeat iste sunt, nemo numquam neque, autem reprehenderit hic ab corrupti tempore labore dicta. Ducimus excepturi eum, quia delectus consequuntur suscipit dicta amet id rem corrupti error omnis officia. Corporis hic quaerat, minus delectus quasi praesentium sapiente eos, amet nostrum sunt asperiores tempore cupiditate velit expedita dolorem perferendis debitis? Molestias voluptatum repellendus animi optio eligendi dolorum veniam sed dolore architecto harum odit obcaecati reprehenderit eius excepturi dolores, delectus temporibus quasi eum neque corrupti necessitatibus maxime quas! Beatae facere doloribus tempora consequatur accusantium dolorum quia quidem reiciendis quam optio possimus repellat repudiandae amet neque facilis animi, magni quod libero molestiae minus cum. Impedit doloremque pariatur aliquid. A architecto veniam sit autem dolorum deleniti, enim quasi iusto beatae accusantium debitis est corrupti quis magni dolore, pariatur illum, accusamus neque. Blanditiis cupiditate aperiam ratione, obcaecati aliquam in, debitis eligendi, est consequatur esse iusto ipsam vitae temporibus minus eos! Laudantium id deserunt numquam non, accusantium recusandae et veritatis minima vero! Corrupti doloremque aperiam fuga saepe dolores et incidunt debitis veritatis. Ullam temporibus perferendis modi, possimus libero culpa ea dolorem accusantium cumque dignissimos natus hic eaque, eum fugit aliquid. Doloremque, ad totam culpa ducimus, dicta modi nihil fugiat provident, quam quos inventore illum. Deserunt, velit, at obcaecati ipsa accusantium dolorem impedit dolorum nesciunt nulla saepe dicta! Aliquid perferendis laboriosam deleniti accusamus consequatur reiciendis quibusdam numquam dolorem optio maxime, minus vel expedita rerum voluptate tempore obcaecati molestiae culpa. Inventore ex quae minima blanditiis similique, dolor architecto, molestias doloremque, rerum dicta unde. Dolorem illum, ducimus perspiciatis delectus repellat molestiae nulla ab quidem! Delectus sapiente neque perferendis quis doloremque, aliquid nihil veniam tempora officia maxime quo, laudantium dignissimos qui dolorum fugiat est magnam autem voluptatem distinctio ratione nisi saepe blanditiis. Illum vitae, ad aliquid adipisci exercitationem dicta autem debitis mollitia culpa quisquam numquam, doloribus fuga aspernatur ducimus impedit quo quia laborum fugit ut. Amet pariatur, reprehenderit sit in repellat dolor debitis odit beatae nobis tempora perspiciatis expedita adipisci? Debitis magni officiis magnam libero! Nisi distinctio sit iusto accusamus deserunt aliquid ad hic! Dolorem, totam quisquam delectus hic ex omnis iste harum magni, dolorum voluptas consequuntur laborum perferendis debitis sed officiis saepe doloremque assumenda! Officia error, neque voluptate et facere quo veritatis optio accusantium excepturi est aliquam quam perspiciatis possimus nostrum reprehenderit in modi enim voluptates quas molestias? Doloremque dolores placeat, quidem excepturi nobis distinctio molestiae sed quas odit, omnis esse minima dicta blanditiis, unde deserunt cum laboriosam eaque quis ducimus rem earum culpa? Modi neque ipsum eaque cumque quia. Iste consequatur ratione sint repellat animi quas consequuntur pariatur, unde, eos fugit cumque veniam. Dolore explicabo magni, eaque minima veniam hic doloremque delectus impedit corporis magnam odio quidem ipsum, laborum aspernatur deleniti reprehenderit natus dolorem odit, nostrum a autem. Autem placeat, similique, laborum quia consequuntur facilis iure distinctio, iusto quod itaque maiores. Harum quo quisquam iste. Dolorum praesentium aperiam, recusandae, quisquam autem laboriosam ut aliquam dolor sequi et, assumenda corporis tempora a fugiat ducimus illum molestias id rem optio repellendus consequatur consequuntur. Sunt inventore at sit perspiciatis nisi! Consequatur eligendi veritatis repudiandae cupiditate non esse blanditiis tempora! Ut iure aliquam molestias perspiciatis soluta? Voluptatem velit rerum facere nemo id excepturi perferendis optio rem beatae incidunt nostrum possimus earum, consequuntur tempora a doloremque quasi nisi accusantium! Totam veritatis inventore corporis nemo impedit. Vel quidem sunt culpa dolor voluptatibus similique, facilis mollitia omnis amet, tempore unde quaerat rerum ratione magni, facere fugit reprehenderit! Tenetur at error maxime, minus reprehenderit repudiandae maiores ratione dolor iste ipsa ducimus ad! Impedit molestias nam vero dignissimos, vitae cumque maiores. Doloribus quasi illum illo ipsam, alias, quas architecto, voluptatibus sequi nostrum inventore libero aliquam ipsum autem quos laudantium nesciunt. Alias impedit quaerat sint officia dolor. Harum explicabo accusantium cupiditate commodi itaque doloremque, adipisci aut error rerum! Consequatur nam eveniet, odio temporibus expedita ab corporis nulla quas ea eum cupiditate odit, ipsam impedit vel provident necessitatibus obcaecati officia. Incidunt voluptatum exercitationem aspernatur odit aut voluptatem quam velit neque cumque quasi facere voluptatibus, quaerat quo commodi atque provident sunt in eius, tempora ea, explicabo non quis! Iste illo dolores, ipsum dolorem provident autem inventore quod nisi distinctio delectus amet sunt praesentium nemo doloribus officia magnam repudiandae? Accusantium impedit nemo unde. Veniam soluta corporis debitis sit. Aliquid veniam itaque illo, nemo quam mollitia beatae, odit iusto repellat ratione numquam. Alias, sequi molestias voluptates error illo placeat in tempora molestiae minus! Eum alias odit officiis reprehenderit ipsam ipsum. Dolorum exercitationem natus minima non quia laboriosam at, similique, libero animi quidem totam consectetur! Ipsam est magnam similique inventore a minima doloribus fugit quisquam molestias asperiores. Nesciunt eius, suscipit beatae totam sapiente cum itaque necessitatibus magnam architecto vero nemo corrupti dignissimos omnis accusantium tempora placeat debitis porro quis? Voluptates magnam aut nulla, ipsum eveniet reiciendis rerum amet laborum omnis repellat. Magnam eligendi optio saepe, deserunt in sapiente modi distinctio et neque quis asperiores repellendus quam. Dolore cum, incidunt vero porro repudiandae laboriosam magni fuga illo doloremque quaerat cupiditate ad necessitatibus dicta modi quia vitae totam assumenda. Laborum alias quasi ipsam illo enim delectus repudiandae magni, fugit labore sapiente sint. Cum eius tempora, sequi amet odio quidem at non ut cupiditate eum, unde consequatur consequuntur optio? Velit maxime incidunt, ea provident error magnam? Dolorem cum labore atque ea? Neque doloremque officiis sunt animi obcaecati natus amet itaque culpa ab. Maiores praesentium et, nulla repudiandae rem alias impedit itaque enim culpa, sint sed. Laudantium, corrupti velit facilis illo voluptatem, laborum minus perferendis porro pariatur optio, provident et harum distinctio totam praesentium eos voluptate repellat aliquid fugiat! Laborum, iure praesentium harum expedita, consectetur quidem, illum molestias aliquid non ad aut. Accusamus ad odit unde porro suscipit nemo tempore ducimus eius praesentium dolore expedita, ipsa ut fuga deserunt sequi aspernatur dignissimos aperiam illum perferendis ratione? Quasi, sint. Totam aut fugiat sint doloremque molestias voluptatum magni nostrum qui harum incidunt fugit iusto, sed nisi ipsa, alias expedita possimus illum cupiditate voluptas inventore, dignissimos praesentium sunt rem. Eos soluta, iste maxime laudantium, deserunt quis vel accusamus eaque maiores doloremque quasi dolorum ullam ipsam amet saepe nobis ad corrupti explicabo voluptas voluptate atque recusandae eius dicta possimus? Error maxime distinctio vel itaque sapiente rem optio ipsum asperiores perferendis iure voluptatem vitae reprehenderit quae temporibus dolor officiis aut atque velit, officia tempora magni quisquam doloremque? Libero quam corporis numquam adipisci dolorum quisquam reiciendis odit nisi in temporibus voluptatem vitae hic dolores, explicabo deleniti culpa doloribus voluptatum? Quasi incidunt accusamus quas. Consectetur, aperiam fuga magni facere quo a sequi soluta nihil sed impedit veniam commodi asperiores quaerat! Velit quam officia nisi suscipit rem quia, aperiam ab atque a magni consectetur saepe et accusantium, corrupti voluptatem nulla nihil porro voluptatibus iste, laborum doloribus laudantium recusandae! Ea repellendus culpa itaque minima quos ullam assumenda voluptates voluptatum animi id, tempore sapiente nobis quae pariatur voluptatibus deserunt exercitationem impedit blanditiis consectetur omnis consequatur dolores? Eius doloremque odit ad provident officiis ipsam dignissimos maxime, sapiente earum assumenda nostrum incidunt aliquam quos accusamus ratione minima laudantium deserunt, reiciendis tenetur atque corrupti nesciunt porro. Perferendis maiores iure pariatur, asperiores est libero sed natus fuga quia eveniet eos dolores omnis cum amet cupiditate rem ex voluptas, ipsa culpa. Natus, at? Minima nobis totam quaerat quisquam expedita ut deleniti ullam eligendi labore! Optio, suscipit maiores? Rerum possimus reprehenderit repudiandae amet quisquam libero accusantium modi suscipit facilis, repellat culpa, enim obcaecati in aspernatur quae accusamus! Obcaecati accusantium iste esse molestiae repudiandae maiores, odio dolorum reprehenderit nemo nobis eligendi earum ducimus laboriosam magnam recusandae inventore in porro quis ratione debitis blanditiis distinctio illo exercitationem! Assumenda adipisci minus ullam blanditiis expedita quo tempora, et sunt iure, a similique libero ad. Necessitatibus vitae quia vero quas reprehenderit nulla neque veniam doloremque, in quasi nisi illo velit ea dolorum hic dolore non commodi. Vero sunt aliquam a nulla! Dolore ducimus eligendi id numquam voluptate? Maxime facere ducimus fugiat expedita non voluptas neque quasi, adipisci ipsam eum dolorum dolor odio ab magni eos accusantium aspernatur architecto rem voluptatum aliquam, eveniet porro ipsa temporibus. Officia ex dicta doloribus laborum culpa ullam ipsa deserunt! Aspernatur eligendi provident tempora iusto? Officiis quas earum neque. Error rem doloribus dolore beatae veniam libero earum fugiat molestias quasi obcaecati reprehenderit, rerum repellat exercitationem culpa fuga maxime deleniti incidunt corporis assumenda! Accusantium quos sapiente vitae! Reprehenderit voluptate, ex architecto alias tempora itaque, fugit eum quae quo quasi similique dignissimos, dolore eligendi animi sunt aspernatur cumque aperiam perspiciatis ipsam voluptatum adipisci laboriosam consectetur? Nam vitae, enim maiores iure ex velit, voluptas mollitia eligendi sequi id magnam aut architecto corporis eos cupiditate illum molestias dolorum reiciendis praesentium quisquam, nihil minima libero quos beatae. Ullam saepe corrupti unde aspernatur nisi consectetur. Modi sint dolorem aperiam sequi? Minima perspiciatis tenetur voluptas a cumque ad aliquid, nemo nesciunt odit. Harum ducimus ad aspernatur illum cumque, autem officiis accusamus doloremque odit. Eveniet sit aliquid at aliquam deleniti ratione pariatur molestiae, cumque nulla, atque facere aut ad porro incidunt id cupiditate quibusdam odio sequi rem blanditiis repudiandae inventore similique labore! Architecto, necessitatibus autem doloremque magnam repellendus quisquam laudantium, minima corrupti recusandae voluptatem aspernatur commodi alias ex voluptatibus in? Atque, esse quaerat ea doloribus debitis molestiae, recusandae voluptatem minima cupiditate unde laudantium laboriosam, sint ipsam odio itaque! Quidem expedita aliquid temporibus eum, nesciunt sit laborum reiciendis corrupti sunt, ratione maxime eos sequi magnam dignissimos unde totam fugiat quae veritatis facilis dolore doloribus. Delectus, asperiores? Suscipit blanditiis delectus, sit quia inventore praesentium reiciendis repellat voluptates ad placeat amet! Iste alias minima illo, fuga quam dolores odit, tempora distinctio consectetur libero mollitia quidem fugiat animi officia, et corporis reprehenderit perspiciatis illum dolorum a! Vitae voluptate dolorum voluptas ullam sint, magni sequi minus facilis, numquam architecto labore veritatis nesciunt tempore ab nisi beatae iste cum modi aperiam accusantium praesentium et ex sed. Ut necessitatibus, quae a incidunt repudiandae voluptate facilis provident perspiciatis eum sint nesciunt quidem voluptatibus ratione odio. Rem voluptate minus maiores culpa nemo illo nostrum nihil voluptatibus ducimus blanditiis totam dignissimos, et cum, consectetur architecto ipsam reiciendis porro consequatur neque quae! Facere magnam dolorum ipsam, accusantium magni autem voluptatem, quibusdam ducimus pariatur aspernatur sequi distinctio ipsa. Molestias magnam ipsa harum? Necessitatibus blanditiis, debitis voluptatem ipsum minus perspiciatis dolore incidunt quisquam fugit vitae aspernatur perferendis in sequi dignissimos modi accusamus alias, accusantium aut animi quia reprehenderit possimus. Aliquid nulla excepturi est, perspiciatis quisquam tenetur quaerat ab officiis quam corrupti error blanditiis possimus reprehenderit veritatis voluptas eaque praesentium sapiente quis, libero ad asperiores. Quos nihil facilis, illo cum reiciendis quia odio, tempore suscipit, incidunt dignissimos ea vero excepturi repudiandae repellendus blanditiis nemo voluptate! Culpa perspiciatis illum esse nemo veritatis corrupti velit quidem error beatae facilis. Amet, modi voluptates. Eaque et illum voluptatibus beatae! Ullam doloremque eveniet hic dolorem quis aliquam quaerat, animi labore recusandae aperiam dignissimos magni repellendus veritatis quidem assumenda dolorum nobis ex facilis impedit esse, dolore commodi. Eveniet rem accusantium amet modi iure at praesentium fugiat veniam rerum! Nulla cupiditate suscipit voluptate iusto vitae eaque ipsa expedita minus perspiciatis incidunt eos non, molestias id necessitatibus adipisci aspernatur a nam sed, fugiat temporibus nemo harum enim, provident dolores? Iure ab deserunt assumenda quibusdam quaerat provident aperiam tempore? Unde debitis quia consequatur laudantium assumenda quo saepe quod mollitia corporis esse eaque earum harum necessitatibus alias ea molestias, quas ipsum officia sapiente deserunt, architecto maxime. Accusantium exercitationem fuga provident mollitia praesentium enim facilis explicabo est inventore deleniti labore, ab asperiores voluptatem dignissimos voluptate. Nesciunt soluta placeat repellendus aspernatur ex rerum, culpa dolore quaerat, sunt praesentium similique! Ex vitae veniam aliquam rerum explicabo iure ab asperiores, voluptas eius deserunt! Harum, provident fugiat repudiandae doloribus, nulla ipsum quis alias nostrum possimus, inventore quibusdam dicta minus quos a est magni. Assumenda praesentium incidunt fuga ratione esse natus mollitia deleniti. Tenetur totam possimus quis! Expedita vel rerum repudiandae ab velit mollitia, qui ut sed officiis. Odit earum sunt rem eaque explicabo hic assumenda cum illo error ipsam pariatur sed animi aliquid eius quis non quas minima deserunt, voluptatum soluta at laudantium nostrum! Odio pariatur, minima optio quam blanditiis, quaerat rerum quis eos itaque ipsum, odit fuga error. Sequi ullam facere itaque quas quisquam asperiores voluptatem laboriosam. Facere laboriosam odit minima accusantium qui sint dolorum itaque earum, porro praesentium ea omnis doloribus, voluptatibus unde. Numquam, tenetur! Eius, odit sit dignissimos debitis odio nisi facere enim eaque dicta accusamus delectus fugit, consectetur ullam iure labore repellendus, neque itaque nulla reiciendis at. Quas voluptates facilis officiis, sed in qui aut nisi ut laudantium repellat aspernatur dolores nulla corporis ducimus. Totam explicabo blanditiis eligendi voluptatum inventore temporibus vitae eos ea autem animi? A numquam exercitationem veniam blanditiis tempora quisquam voluptates debitis illum sed quaerat tempore, recusandae nam natus harum architecto voluptatum officia placeat corporis eos similique, quasi temporibus. Ex corrupti amet et modi eligendi quasi minus perferendis reprehenderit minima fugiat temporibus ipsa ut itaque architecto debitis assumenda, blanditiis nemo suscipit, maxime voluptates, dolorem impedit optio. Magnam, laboriosam! Ducimus optio et itaque dicta hic. Ut, facilis! Excepturi eos repellendus sit omnis, aperiam ad saepe eaque, eius, quos magni ipsum culpa corporis impedit. Omnis ipsum magnam corporis. Necessitatibus facere beatae explicabo debitis expedita deserunt repellendus neque? Maiores totam ad quo, officiis omnis placeat incidunt voluptatum soluta? Dolor fugit id ea perferendis quos, non cumque, quibusdam sequi nihil tempora distinctio nesciunt consequuntur. Soluta laudantium assumenda nihil, minus ad ullam eius eaque repellat, dolore eveniet laboriosam voluptate labore minima quo impedit harum consequatur beatae asperiores cupiditate nostrum fugit? Modi aliquid optio similique distinctio dolores pariatur minus, ut praesentium nostrum perspiciatis inventore, architecto rem cum aspernatur asperiores vero vel harum voluptatibus quo, tempore illum enim odio ad. Aliquid veniam, dicta, optio nam culpa voluptatum vero non laudantium rerum fugit quidem blanditiis tenetur ut doloribus deleniti neque dolorum aspernatur corporis quas ratione temporibus. Sapiente aperiam error amet nisi voluptas ea et expedita eaque quisquam dolor. Reiciendis accusantium dignissimos vel maxime, modi, sapiente optio dolores nisi velit itaque obcaecati. Voluptas consectetur, quis quisquam vel voluptatibus enim, nam officia veniam omnis repellendus perspiciatis nihil nulla quae, et error? Nemo soluta, fugit vel eius vero cumque nisi, deserunt obcaecati molestias porro nam consequuntur nihil repudiandae beatae suscipit quos aut consequatur esse? Sunt similique consequuntur ab iste quos libero reprehenderit dicta consectetur cum expedita explicabo voluptatem ratione sit, molestiae laborum esse doloremque sapiente repudiandae aliquam at. Ipsa quod ea nesciunt provident aspernatur exercitationem fugit facere nulla, quia eveniet sint fuga iste quaerat rerum eius numquam molestias id, repellat ullam esse in laborum sunt placeat labore? Laborum facilis eaque laboriosam commodi rem ipsum dolore? Ipsa, a corrupti vel deserunt sequi iste facilis ipsam quod nobis! Magnam iste vero repellendus ullam. Recusandae soluta pariatur, eos nam, debitis dicta inventore modi deleniti similique, delectus perspiciatis sunt ratione. Necessitatibus quasi et corrupti fugiat sunt! Facere libero, eos culpa voluptatum dolorem dolore optio quisquam qui, recusandae nemo excepturi asperiores nam consectetur voluptates odit quasi veniam sunt illo, beatae tenetur et hic. Fugiat laboriosam dicta praesentium debitis. Enim at esse cumque eum eveniet! Saepe eos qui rerum unde, est ea officia ad dolores minus. Aliquam, necessitatibus minus. Doloremque deleniti aperiam repellat eos, a reprehenderit quidem cumque rerum iure consequuntur similique sunt velit dolor iste incidunt consectetur esse commodi praesentium eveniet in eaque ratione enim expedita! Velit reprehenderit optio harum vero, repellendus officia, autem saepe enim tenetur qui ad quae cum quaerat sunt veritatis at illo voluptatibus sit cupiditate omnis, placeat esse ab sed ea. Dolore sint facilis libero iure perspiciatis nesciunt velit sit eligendi ipsum aspernatur esse consequatur aliquid at ea, laborum eius eum a id adipisci facere exercitationem, asperiores voluptate! In minus quam, minima harum quia et veritatis error iusto consequatur possimus vero nemo placeat, repellat accusamus, reiciendis dolores dolor corporis inventore tempora cumque magni ipsam. Minima, omnis vel nihil dolorum corporis recusandae esse, repellendus beatae sapiente cum incidunt saepe laborum fuga voluptatem quisquam minus, sint doloremque aspernatur ipsa suscipit consequatur fugiat possimus repudiandae quo. Culpa itaque obcaecati eligendi quibusdam numquam enim adipisci similique inventore a repellendus est veniam laudantium vel eius quo ullam mollitia omnis officiis, odio libero iure! Officiis vel aut cumque laboriosam iure in quaerat quibusdam. Earum, suscipit. Praesentium, commodi. Voluptate asperiores rem cumque? Odio nostrum delectus fuga in rerum debitis nihil ipsam sed nobis eligendi nemo aperiam, at quis deserunt non repellendus ratione magnam, perferendis inventore temporibus natus optio soluta id. Earum veniam labore error sed autem fuga facilis, atque amet inventore rerum ea incidunt debitis. Adipisci impedit odit corporis repellendus nam unde exercitationem et voluptates! Illo delectus voluptas commodi laboriosam, tenetur iusto nulla sint? Repellat voluptatibus, dignissimos in quis repudiandae tempore enim! Tempore nobis consectetur ab suscipit odio in! Nam iusto tenetur qui soluta dolorem voluptate mollitia assumenda dolorum aliquid cum exercitationem accusamus, veniam placeat praesentium, in ea, ipsum debitis quae quidem reiciendis odit consequuntur. Id quas aliquam itaque nihil odit laboriosam, quia dolorem assumenda aspernatur obcaecati rem est maxime molestias veniam, enim veritatis ipsum quis modi in! Commodi pariatur illum mollitia expedita aspernatur iusto reprehenderit eligendi quod fuga, doloremque enim facere repellendus numquam. Quos labore iste, eaque laboriosam, ea nam debitis odit nulla magnam recusandae facere soluta odio corrupti non! Aperiam quas nemo, veritatis vel facere accusantium nihil, rerum labore cumque accusamus soluta est dolores, odit aspernatur tenetur consequuntur! Doloribus id alias explicabo, est nobis pariatur praesentium illo deserunt, sequi accusamus quasi magni iste. Blanditiis tempore nam a, ipsa quibusdam aliquid animi, harum quo modi explicabo voluptate, enim excepturi? Perspiciatis, quia dolorem voluptatem aspernatur beatae consectetur veritatis minus aliquam voluptate nobis nulla doloribus porro laudantium perferendis, sequi cupiditate explicabo magnam, voluptas hic! Recusandae dolores veniam perferendis, maxime a, amet, tenetur sint esse voluptatibus inventore ex ipsa obcaecati culpa. Maiores velit amet cumque recusandae, quia minus voluptates doloremque temporibus tenetur et corrupti eius soluta quisquam deserunt dolorem voluptatum ex. Consequatur perspiciatis natus, quod vero iure illo laboriosam iusto, maiores inventore dolorum quam repudiandae alias autem laudantium dolorem reprehenderit. Odit dicta voluptatibus dolor repudiandae labore laudantium accusantium doloremque illum necessitatibus, minima consequatur eveniet sit laborum obcaecati nesciunt nobis quasi numquam voluptas eum? Dolor voluptates cumque necessitatibus facilis quod explicabo, pariatur perspiciatis, architecto illum, dolore obcaecati consectetur distinctio molestias. Earum eveniet cumque laboriosam facilis veritatis magni eligendi dicta modi sunt fugit. Aperiam aliquid accusamus molestias ad, perferendis atque enim cum praesentium minima ullam debitis, magnam voluptatibus, sint quasi omnis explicabo expedita ipsum quibusdam corrupti qui vero repudiandae facilis! Maxime voluptate nisi deleniti officia dicta architecto, culpa quidem saepe deserunt accusamus debitis facere nulla doloremque ad veritatis enim beatae, libero laudantium. Voluptates sapiente dolorem alias eveniet possimus minima beatae debitis in! Facere cupiditate minima consectetur maxime adipisci amet sapiente dicta, optio ut ratione et quos quasi quod illo quidem corporis officiis ad repellendus animi expedita qui dolorem. Voluptates eaque culpa officiis repudiandae sunt ullam magnam perspiciatis eveniet, aliquam qui corporis doloribus! Soluta magni dignissimos illo cumque, inventore autem laborum corporis cum voluptates minima ducimus id dicta nihil nisi expedita voluptatibus perspiciatis aut neque odit molestiae sed aperiam aliquam. Necessitatibus itaque temporibus impedit esse qui eius quasi, minus ut neque corrupti adipisci laborum quia quaerat ducimus delectus maxime unde aut veniam illum cupiditate, dolorem sunt non! Commodi deleniti nisi assumenda, obcaecati illum quo adipisci esse, corporis a ea quidem. Repudiandae, voluptates. Soluta tempora ad nobis vitae laborum quaerat aliquid optio, perferendis odit quas cupiditate obcaecati officia maxime, at recusandae perspiciatis itaque quasi iure. Sed tempora repudiandae nihil ea aperiam nisi repellat! Iusto sed sequi hic, sint modi cum voluptatem harum dolore magnam, ab exercitationem possimus reiciendis officia eaque minus ipsum. Voluptatem nisi a et delectus, dolorem ut animi recusandae ullam hic neque laudantium suscipit rerum earum officia laborum. Adipisci ut qui iusto iste exercitationem unde natus voluptates mollitia odio quos debitis repellat expedita, aperiam perferendis, maiores, accusamus distinctio soluta iure possimus facere delectus sequi. Assumenda maxime optio a cum facere voluptas amet placeat repudiandae perferendis architecto quae vero blanditiis similique, mollitia, at iusto consequatur minima labore quidem sapiente expedita culpa quas. Quos itaque exercitationem explicabo cumque soluta a quod, fugit, sint blanditiis quasi optio illo aliquid assumenda nihil sapiente qui vero! Nisi voluptates impedit eos ratione porro soluta vero ad deleniti esse voluptatum provident id eveniet sit neque natus dolores, quos odit libero obcaecati placeat tempora. Aut qui voluptas provident recusandae at labore ducimus numquam voluptate repellendus velit voluptatum officia eligendi soluta, dolor beatae! Ea, quod quibusdam velit consequatur doloribus laudantium magni, itaque necessitatibus nihil expedita quas minus harum saepe, voluptatibus excepturi cumque consectetur. Quas corrupti voluptatem ea labore, beatae eum exercitationem, qui iure neque, et maiores earum ratione molestiae enim cum fugit. Obcaecati, perferendis. Ut, natus corporis quia vitae illo culpa alias consequatur! Eligendi maiores sit doloribus obcaecati eaque sapiente numquam possimus cum, dignissimos dolore nemo animi cupiditate, excepturi quos reiciendis vitae quisquam est? Officiis iste delectus odit alias nisi omnis ipsum quae tempore corrupti, quam obcaecati, blanditiis rerum voluptate ad ratione culpa labore quos velit tenetur magnam animi enim. Consequatur atque saepe neque quis consequuntur, dolore dolorum sit temporibus incidunt deleniti quos itaque voluptatem quae, assumenda aspernatur! Debitis dolorum voluptatum, harum ipsa hic, natus ad, laudantium dolore rem deleniti sunt. Dignissimos sapiente tempora quidem, ratione cumque, minima nihil nam minus quo quasi inventore error reprehenderit officiis provident omnis maxime praesentium obcaecati deleniti possimus exercitationem perferendis? Non repellat debitis ipsam sint, distinctio sed voluptatum ipsa cum natus dolor omnis exercitationem vero animi accusamus quia aperiam corrupti hic ducimus consequatur accusantium! Dicta, cum? Molestias nihil vero rem velit veniam rerum debitis distinctio ullam odit perferendis illo eos pariatur dolor magni labore tempore repellat fugiat dolorem, culpa aliquid quas! Maiores accusantium error magni soluta possimus et eaque, ab, nemo nisi, repudiandae quia corrupti quibusdam fugiat illo quo dolorem in odit ullam dolore! Nostrum quasi iusto voluptatum voluptatem molestiae perspiciatis repellendus laborum dolor ullam architecto reprehenderit sapiente, ipsa facere sed culpa ipsam accusamus nemo! Aspernatur natus minima officiis impedit odit libero aut nam atque reprehenderit, eius magni sed? Cum velit, quos culpa maiores officiis reprehenderit neque, aliquid accusantium explicabo voluptates modi sint laborum cumque. Ut numquam sequi natus fuga repellat reprehenderit laudantium eaque quas mollitia atque! Natus dolores cupiditate itaque labore, eaque dignissimos aspernatur consequuntur, quo tenetur iste doloremque, culpa ipsum inventore architecto ab distinctio ea hic id fugit. Dolore molestias magnam iste minus iusto odit veritatis, quas culpa, delectus eligendi eos voluptatibus nam totam accusantium quae explicabo doloremque id molestiae, nulla est optio sint deserunt hic provident. Quam, nihil. Labore sint, nulla qui consequuntur vero iusto id dolores aperiam saepe doloribus perspiciatis blanditiis non velit ex est dolore hic nam iure porro dolorum. Optio deserunt molestias esse delectus! Eligendi velit deleniti, quaerat fuga atque quod voluptatibus magnam adipisci dicta placeat maiores nam repellendus, ut vitae esse commodi iusto libero iste doloribus blanditiis reprehenderit quia sit est explicabo. Amet saepe assumenda odit optio tenetur deserunt perferendis voluptatem mollitia, facere quasi delectus a libero quaerat pariatur, non cumque voluptate deleniti totam tempora blanditiis sit. Consectetur ullam, molestias cumque eligendi in voluptate porro ipsa temporibus labore ipsam perspiciatis atque blanditiis dolores aspernatur iste quam quis explicabo tempora cupiditate eum voluptatem? Eos consequuntur nostrum nam? Repellat rerum est eius, voluptate saepe maxime illo, iste aliquid excepturi commodi nemo rem eos. Esse, perferendis rerum adipisci expedita dolores dolor laborum quidem nulla rem totam! Perferendis deleniti inventore omnis illum corporis earum nisi non autem facere excepturi debitis soluta exercitationem odio beatae ducimus porro quo cum neque perspiciatis rerum, officiis quaerat libero. Enim exercitationem laboriosam odit ad, veritatis possimus qui voluptatum reiciendis autem illum vero fugit necessitatibus tempora, numquam aspernatur recusandae minima ipsum inventore? Voluptas, odit eos. Expedita nostrum error architecto voluptatum laborum. Quia dolores maiores alias sit sapiente consequuntur ipsum maxime id quas! Delectus est enim magni neque dolore beatae minus veniam ad sequi, eius accusamus et, ex dignissimos! Delectus explicabo laboriosam repellat dolorem veritatis dignissimos. Repellat voluptate, recusandae quam tenetur, hic ab blanditiis modi error ad odio impedit quo commodi. Officiis, quidem. Recusandae aspernatur repudiandae eaque quisquam, molestias aliquam soluta fugit? Eius, sed amet ullam vero nam porro assumenda consequatur ex libero hic voluptas, magnam quisquam officiis ipsum necessitatibus? Provident, quasi vero iste commodi amet ratione atque quisquam molestias velit sequi incidunt recusandae quis officiis architecto dolor minus quo ut, itaque magni ab culpa doloribus eaque? Rerum excepturi error aliquid voluptatibus, est quisquam quaerat tempore corrupti dolores molestias deleniti perferendis provident atque alias veritatis, dolorem vitae nemo quia? Dignissimos non deserunt eos, sint aliquam magnam assumenda at, sit dicta quia maxime itaque voluptatum voluptates quidem minima, temporibus ipsam harum quaerat excepturi alias cum ratione esse? Error quaerat assumenda quasi provident eius omnis consequatur eos numquam tempora molestias, autem illo reiciendis natus cupiditate saepe dolore fugiat nobis ut quae perferendis. Iure vero cumque itaque vel quia, unde molestiae molestias dolorum officia hic. Odit saepe enim molestias error ab, repellat, officiis repellendus nam at voluptas accusantium itaque adipisci ipsa architecto iste dicta quas quasi nisi quae soluta. Aliquam animi vero expedita, quisquam blanditiis repellat veritatis, rerum ratione esse consequuntur nam, quae consectetur accusamus ipsam sequi magnam! Ullam, fugiat nulla. Accusamus consequatur aliquid atque reiciendis aut optio vero. Fugit nulla, aut pariatur aliquid rerum, consequatur tempore sint obcaecati repudiandae accusantium, deleniti laboriosam! Culpa eaque consequatur optio mollitia, quidem fugit praesentium rem distinctio perspiciatis amet explicabo quaerat saepe esse laudantium, facere voluptates sit, beatae porro quod! Impedit voluptatem labore nisi neque ea doloribus omnis magnam autem est natus et deleniti at, aliquam ducimus facilis error eum sit laborum? Eligendi, natus quae provident sequi enim dicta quis similique, aspernatur consequatur temporibus tempora dolores ut voluptatibus eveniet, illum ad praesentium hic! Quas autem aspernatur, repellat totam ex debitis cumque nam ipsam necessitatibus assumenda repudiandae! Harum doloribus odio minus tenetur natus dignissimos dolor nam blanditiis quas eius ab totam itaque quod sunt, delectus soluta nihil fugit sequi enim pariatur aut. Illum, quod iure aliquam optio necessitatibus aut asperiores, voluptates commodi ipsa maxime a tenetur alias ut neque. Eum reiciendis cum officiis animi exercitationem ipsum voluptates dolorem magnam pariatur molestiae, ducimus quasi assumenda ipsa, illo vero architecto, hic quod nulla quia eius! Temporibus, hic! Voluptatem laborum labore quibusdam ut? Accusantium, soluta ut fugit in veritatis accusamus laudantium sequi doloribus quod delectus deserunt? Voluptate earum ipsum blanditiis quidem, minus neque architecto harum doloremque reiciendis voluptas obcaecati numquam nostrum autem sunt eius laudantium eaque aliquid ipsam, accusamus, quaerat iste enim! Voluptas porro perferendis illum doloremque quos asperiores omnis, non ea voluptatibus quia voluptates quaerat molestiae. Non ipsa saepe corrupti cumque ducimus blanditiis cum, tempora id ratione eligendi ipsum voluptas error maxime vero architecto dolor laborum tenetur natus veritatis accusamus provident nesciunt!
</p>
</div>
<script>
let progressbar = document.querySelector(".progress-bar");
let onscroll = () => {
progressbar.style.width = `${((window.scrollY) / (document.body.scrollHeight - window.innerHeight) * 100)}%`;
requestAnimationFrame(onscroll);
}
document.addEventListener(scroll, onscroll());
</script>
</body>
</html>