私は JavaScript の経験がないので、プログレスバーで動作するスクリプトを誰かが知っているかどうか疑問に思っていました。
私はそれを次のように設定しました:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
progress {
width: 100%;
height: 5px;
top: 0;
left: 0;
position: absolute;
color: #1990c8;
appearance: none;
-webkit-appearance: none;
-o-appearance: none;
}
progress::-moz-progress-bar {
background: #1990c8;
}
progress::-webkit-progress-value {
background: #1990c8;
}
progress::-webkit-progress-bar {
background: #e1e1e1;
}
</style>
</head>
<body>
<progress id="progressbar" value="50" max="100"></progress>
</body>
</html>
ページの読み込み中に、プログレス バーの値を 0 から 100% にしたいと考えています。