updated loading dialog
This commit is contained in:
Peli de Halleux
Родитель
5500caf6a7
Коммит
08cfb133b2
|
|
@ -38,13 +38,13 @@
|
|||
</head>
|
||||
<body id="realRoot">
|
||||
<div id="root">
|
||||
<div id="loading" style="width: 200px; margin: 150px auto 0 auto; text-align: center; color: #81e774; font-family: sans-serif; ">
|
||||
<svg style="width:200px;height:200px;" viewBox='0 0 480 480' preserveAspectRatio='xMinYMin' xmlns='http://www.w3.org/2000/svg' >
|
||||
<path fill='#81E774' d='M 331,233C 284,233 245,195 245,147C 245,100 284,62 331,62C 378,62 417,100 417,147C 417,195 378,233 331,233 Z M 331,223C 373,223 406,189 406,147C 406,105 373,72 331,72C 289,72 255,105 255,147C 255,189 289,223 331,223 Z M 294,188L 297,173L 309,186L 294,188 Z M 316,183L 299,166L 343,122L 360,139L 316,183 Z M 364,136L 347,118L 350,115L 351,114C 356,109 363,110 368,114C 372,119 373,126 368,131L 367,132L 364,136 Z M 147,418C 100,418 62,379 62,332C 62,285 100,246 147,246C 194,246 233,285 233,332C 233,379 194,418 147,418 Z M 147,408C 189,408 223,374 223,332C 223,290 189,256 147,256C 105,256 72,290 72,332C 72,374 105,408 147,408 Z M 181,332L 130,370L 130,293L 181,332 Z M 331,417C 284,417 245,379 245,331C 245,284 284,246 331,246C 378,246 417,284 417,331C 417,379 378,417 331,417 Z M 331,407C 373,407 406,373 406,331C 406,290 373,256 331,256C 289,256 255,290 255,331C 255,373 289,407 331,407 Z M 320,356C 319,356 317,356 316,354C 315,353 314,352 314,350C 314,349 315,347 316,346C 317,345 319,344 320,344C 322,344 324,345 325,346C 326,347 327,349 327,350C 327,352 326,353 325,354C 324,356 322,356 320,356 Z M 320,321C 319,321 317,320 316,319C 315,318 314,316 314,315C 314,313 315,312 316,310C 317,309 319,309 320,309C 322,309 324,309 325,310C 326,312 327,313 327,315C 327,316 326,318 325,319C 324,320 322,321 320,321 Z M 341,370L 332,370C 342,359 346,346 346,331C 346,316 342,303 332,291L 341,291C 351,302 355,315 355,331C 355,346 351,359 341,370 Z M 147,233C 100,233 62,195 62,147C 62,100 100,62 147,62C 194,62 233,100 233,147C 233,195 194,233 147,233 Z M 147,223C 189,223 223,189 223,147C 223,105 189,72 147,72C 105,72 72,105 72,147C 72,189 105,223 147,223 Z M 150,160C 133,160 120,147 120,131C 120,115 133,102 150,102C 166,102 179,115 179,131C 179,147 166,160 150,160 Z M 150,152C 150,152 151,152 152,152L 158,132L 141,132L 147,152C 148,152 149,152 150,152 Z M 171,131C 171,119 162,109 150,109C 138,109 128,119 128,131C 128,140 133,148 141,151L 135,130L 135,129L 135,129C 135,129 135,128 136,128C 136,128 136,127 136,127C 137,127 137,127 137,127L 138,127L 161,127L 162,127L 162,127L 163,127L 163,128L 164,128C 164,128 164,129 164,129C 164,129 164,130 164,130L 158,151C 166,148 171,140 171,131 Z M 135,168L 135,163L 164,163L 164,166L 135,168 Z M 135,170L 164,168L 164,172L 135,174L 135,170 Z M 135,176L 164,174L 164,178L 136,180L 135,176 Z M 136,182L 141,181L 159,180L 163,180L 163,180L 163,182C 162,182 162,183 161,184C 161,185 160,186 159,187C 158,188 157,189 155,189C 153,190 152,191 150,191C 149,191 148,191 146,190C 145,190 144,190 143,189C 142,189 141,188 140,187C 139,186 138,186 138,185C 137,184 137,183 136,182L 136,182L 136,182 Z '></path>
|
||||
<div id="loading" style="width: 200px; margin: 150px auto 0 auto; text-align: center; color: #0095FF; font-family: sans-serif; ">
|
||||
<svg style="width:200px;height:200px;" viewBox='0 0 560 480' preserveAspectRatio='xMinYMin' xmlns='http://www.w3.org/2000/svg' >
|
||||
<path fill='#0095FF' d='M 396.586,234.249L 284.566,318.402L 284.566,150.077L 396.586,234.249 Z M 314.585,31.9531C 425.459,28.0533 517.645,115.134 521.618,225.278C 525.049,335.522 438.076,428.204 327.832,431.628C 258.702,433.933 196.856,400.879 159.138,348.896L 179.394,334.162C 212.455,379.699 266.374,408.679 326.994,406.689C 423.623,403.68 499.688,322.771 496.679,226.115C 493.168,129.373 412.788,53.5758 315.576,57.0802L 315.422,57.0802C 265.851,58.5744 222.036,80.4518 190.966,114.531L 172.352,97.6253C 207.744,58.8358 258.099,33.7086 314.585,31.9531 Z M 100.167,94.925C 154.609,94.925 199.342,139.108 199.342,194.1C 199.342,249.091 154.609,293.121 100.167,293.121C 45.7246,293.121 -5.03592e-005,249.225 -5.03592e-005,194.1C -5.03592e-005,138.981 45.7246,94.925 100.167,94.925 Z M 100.167,112.018C 54.911,112.018 17.0931,148.456 17.0931,194.1C 17.0931,232.494 43.8115,264.227 79.2072,273.371L 63.3136,216.165L 60.6467,206.851L 139.378,206.851L 136.336,216.352L 119.25,273.825C 155.335,265.333 182.248,233.235 182.248,194.1C 182.248,148.322 145.422,112.018 100.167,112.018 Z M 100.167,276.028L 102.584,275.993L 118.935,221.74L 80.7484,221.74L 95.7724,275.913L 100.167,276.028 Z M 54.5961,296.967L 143.037,296.967L 143.037,306.073L 54.5961,313.035L 54.5961,296.967 Z M 143.037,312.512L 143.037,324.841L 54.5961,331.803L 54.5961,319.474L 143.037,312.512 Z M 143.037,331.28L 143.037,341.988L 55.6682,348.95L 54.5962,338.242L 143.037,331.28 Z M 57.8191,354.86L 72.2924,353.788L 128.564,348.95L 142.514,347.871L 141.965,349.499L 139.847,354.86L 136.075,362.9C 134.48,365.567 132.336,368.79 129.113,371.484C 125.897,374.151 121.602,376.824 116.784,378.968C 111.973,381.112 106.606,382.191 102.311,382.741C 97.4999,383.263 93.7275,382.741 89.9818,382.191C 86.2429,381.112 81.9479,380.04 78.7316,377.896C 75.5086,376.301 72.2924,374.151 69.6188,372.006C 66.9252,369.862 64.781,367.189 62.6302,363.972C 60.486,361.272 58.8912,358.605 57.8191,354.86 Z'></path>
|
||||
</svg>
|
||||
<div id="loadingDot" style="font-size: 18px;margin-top:-10px">we need JavaScript enabled</div>
|
||||
<div id='progressContainer' style='margin-top:20px;height:3px;width:200px; background:#eee;'>
|
||||
<div id='progressBar' style='height:3px; width:0px; background:#81e774'></div>
|
||||
<div id='progressBar' style='height:3px; width:0px; background:#0095FF'></div>
|
||||
</div>
|
||||
<div style="margin-top: 1em; font-size:12px;" id="statusMsg"></div>
|
||||
</div>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче