时间戳

首页 > 解决方案 > 像进度条一样从 JS 到 CSS 获取价值

javascript - 像进度条一样从 JS 到 CSS 获取价值

问题描述

我试图创建一个正在开发的新页面的进度条（您可以根据自己的喜好绘制您最喜欢的歌曲）

给出宽度的值是

+Math.floor(finishSize*100/totalSize)+

但我无法将其放入 CSS 中。或者至少将其放入 style=""。我一直在寻找教程，但对我没有任何帮助。

这是我的 JSFiddle

https://jsfiddle.net/h78jp4qo/

标签： javascriptcss

解决方案

像这样的东西：

// Get your progress bar element
let progressBar = document.getElementsByClassName('progressbar');
// update the style width
progressBar[0].style.width = Math.floor(finishSize*100/totalSize)+'%';

在您的小提琴中，Math.floor(finishSize*100/totalSize)+'%'评估为零，因此条形图未显示，这是另一个问题，但您可以在 showImage 函数末尾添加它以查看它将更新您的进度条：

// Get your progress bar element
let progressBar = document.getElementsByClassName('progressbar');
// update the style width
progressBar[0].style.width = Math.floor(finishSize * 100 / totalSize) + '%';
progressBar[0].style.width = '33%';

推荐阅读