简单地更新
我想每分钟填充边界，以便在60分钟后完成，然后从头开始重新开始。
这对我的练习。我已经尝试使用.getMinutes((创建一个变量;我现在可以花费当前的分钟数，但我不知道如何每分钟填充边界
<body>
<div className="progress_container">
<div className="progressbar">
<p className="innertext">
<h2>{playtime + '/60'}</h2>
min
</p>
</div>
</div>
</body>
.progress_container{
width: 250px;
height: 250px;
border-radius: 50%;
background: white;
position: absolute;
right: calc(100% - 600px);
left: auto;
bottom: calc(100% - 350px);
}
.progressbar{
width: 190px;
height: 190px;
border-radius: 50%;
border: 30px solid orange;
}
.progressbar:after{
content: '';
}
p{
color: #000;
font-size: 16px;
position: relative;
top: calc(95px - 3*16px);
}
let pb = document.getElementsByClassName('progressbar');
var date = new Date (Date.now());
const playtime = date.getMinutes();
我试图查找其他一些解决方案，但它与react.js不起作用。通常，输出是大量错误
不可能修改border的width，但您可以创建这样的滚动条：
.scrollbar-ctn {
width: 100%;
height: 5px;
background-color: #999;
}
.scrollbar {
height: 100%;
width: 30%;
background-color: blue;
}<div class="scrollbar-ctn">
<div class="scrollbar"></div>
</div>然后，您可以使用js
.scrollbar的width百分比