Sanduhr anzeigen bis PDF geladen ist
Hallo,
ich habe folgendes Problem:
Ich will auf meiner Homepage ein PDF laden, das allerdings sehr groß ist und deshalb die Seite, wo das PDF geladen wird für ca. 10 bis 15 sec. leer bleibt.
In dieser Ladezeit möchte ich eine Sanduhr, Hinweis oder irgendwas anzeigen, das darauf hinweist, dass geladen wird.
Ich habe keinen blassen Schimmer, wie ich das machen könnte, ich hab mir die beiden Beiträge hier schon angesehen, halfen mir aber nicht weiter, auch der Google konnte mir nicht helfen.
Jetzt hoffe ich auf Euch ;)
Grüße und schon mal Danke
Rainer
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!doctype html>
<html lang="de">
<head>
<style>
#logs{
color:white;
text-align: center;
font-size:25px;
}
body {
background-color: #353535;
background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/%D0%A2%D0%B5%D0%BA%D1%81%D1%82%D1%83%D1%80%D0%B0_%D1%86%D0%B8%D1%84%D1%80%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE_%D1%88%D1%83%D0%BC%D0%B0_%D0%BD%D0%B0_%D1%87%D0%B5%D1%80%D0%BD%D0%BE%D0%BC_%D1%84%D0%BE%D0%BD%D0%B5.jpg/1920px-%D0%A2%D0%B5%D0%BA%D1%81%D1%82%D1%83%D1%80%D0%B0_%D1%86%D0%B8%D1%84%D1%80%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE_%D1%88%D1%83%D0%BC%D0%B0_%D0%BD%D0%B0_%D1%87%D0%B5%D1%80%D0%BD%D0%BE%D0%BC_%D1%84%D0%BE%D0%BD%D0%B5.jpg)
}
h1,label {
color:#d7d7d7;
width:100%;
display:block;
text-align:center;font-family:monospace;text-shadow:1px 1px 3px rgb(0,0,0)}
.turningClock {
height: 200px;
width: 100px;
display:flex;
flex-direction:column;
animation: 5s turnClock infinite;
border-bottom: 10px solid #c99;
border-top: 10px solid #c99;
}
.turningTop {
background: rgba(116, 227, 255, 0.75);
width: 100%;
height: 100%;
border-radius: 0 0 50% 50%;
box-shadow: 0 -40px 0px #ff9 inset;
animation: 5s topSand infinite;
}