Ein Webseiten-Fortschrittsbalken, der auf CSS läuft, um den Fortschrittsbalken in eine Verlaufsfarbe zu verschönern, verwendet JavaScript, um CSS zu steuern, um den Hintergrund des Fortschrittsbalkens zeitnah zu kacheln Fortschrittsbalken. Sie müssen mit der Anwendung auf der Webseite fortfahren.
<html>
<head>
<title>CSS+JS打造带渐变的进度条</title>
<style>
#load{width:500px;height:25px;border:1px #000 solid;}
#loading{position:absolute;z-index:2;height:23;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=white,endColorStr=#39867b);}
#loadtext{position:absolute;z-index:3;width:100%;height:100%;line-height:23px;text-align:center;}
</style>
</head>
<body>
<div id="load"><div id="loading"></div><div id="loadtext">1%</div></div>
<script>
var i=0;
function test(){
i++;
document.getElementById("loading").style.width = i + "%";
document.getElementById("loadtext").innerText = i + "%";
if(i<100)setTimeout("test()",200);
}
setTimeout("test()",200);
</script>
</body>
</html>Weitere Artikel zur Verwendung von CSS+JS zum Erstellen eines Fortschrittsbalkens mit Farbverlauf finden Sie auf der chinesischen PHP-Website!
Was bedeutet Apple LTE-Netzwerk?
So paginieren Sie in Oracle
Einführung in die Verwendung des gesamten VBS-Codes
Zu welcher Währung gehört USDT?
Welche Datei ist .exe?
Einführung in den Standort des Win10-Bedienfelds
So wechseln Sie zwischen voller und halber Breite
So verwenden Sie die magnetische Btbook-Suche
