根据功能结果更改数据百分比属性？

Question

我有一个问题，我一直试图解决一段时间，并且非常感谢任何帮助。

我有一个具有以下属性的进度条：

<div class="bar-cont" data-percentage="0">

如果我手动更改数据百分比，介于0-100之间，则进度条可以正常工作。

但是，百分比会因用户而异，所以我想知道是否可以将数据百分比设置为下面代码的结果（仅在单击按钮后产生结果）。

Math.floor(finalResult.result[0]* 100)

上面的代码确实产生0到100之间的值。嵌套在几个函数中。

我尝试了各种方法，例如querySelectorAll，getElementById，setAttribute等，但没有成功。

根据我的理解，数据百分比实际上可能根本不是一个属性，因为它似乎写成：

var percentage = $(bar).data('percentage') / 100;

Answer 1

您可以使用以下方法设置数据属性的值：

document.querySelector('.bar-cont').dataset.percentage = 50;

或者，使用jQuery：

$('.bar-cont').data('bar-cont', 50);

这两个都将数据属性的值设置为50。

Answer 2

你试过这个：

var percentage = $('.bar-cont').data('percentage') / 100;
... or any other calculation
$('.bar-cont').data("percentage", percentage);