P
Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="style.css">
<script src="jquary.js"></script>
<title>Progressbar</title>
</head>
<body>
<div id="Progressbar"><div id="Balken" style="width: 0px;"> </div></div>
<button id="Laden">Laden</button>
<script>
var height = 18;
var laenge = 0;
var Prlaenge = 150;
Prlaenge -= 2;
$('document').ready(function() {
$('#Laden').on('click', function() {
laenge = laenge + 5;
if(laenge > Prlaenge){laenge = Prlaenge;}
$('#Balken').animate({height:height+"px",width: laenge+"px"}, 0);
});
});
</script>
</body>
#Progressbar {
width: 150px;
height: 20px;
border: 1px solid black;
border-radius: 5px;
-webkit-border-radius: 5px;
}
#Balken {
background-color: red;
height: 18px;
padding: 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
}