Javascript 如何制作带有数字的进度条

我有一个进度条，它必须以100%的速度完成，这个数字显示了这个进度，问题是这个数字是1.5（它必须显示0.1，0，2等等，直到数字-1.5），我不知道如何用这个数字绑定进度条

$(function() {
    var x = document.getElementById("load");
    var width = 0;
    x.innerHTML = width;
    var int = setInterval(move, 20);
        function move() {
            if (width == 100) {
                clearInterval(int);
            } else {
                width += 1;
                x.style.width = width + "%";
                x.innerHTML = width + "%";
            }
        }
});

---

执行

width/100

并使用

toFixed（）

确定小数位数

$（函数（）{
var x=document.getElementById（“加载”）；
var宽度=0；
x、 innerHTML=宽度；
var int=设置间隔（移动，20）；
函数move（）{
如果（宽度==100）{
清除间隔（int）；
}否则{
宽度+=1；
x、 style.width=宽度+“%”；
x、 innerHTML=（（宽度/100）.toFixed（1））+“%”；
}
}
});
#加载{
位置：固定；
身高：100%；
显示器：flex；
对齐项目：居中；
背景色：#000；
颜色：#fff；
字体大小：50px；
证明内容：柔性端；
}
Do
width/100
并使用
toFixed（）
确定小数位数


$（函数（）{
var x=document.getElementById（“加载”）；
var宽度=0；
x、 innerHTML=宽度；
var int=设置间隔（移动，20）；
函数move（）{
如果（宽度==100）{
清除间隔（int）；
}否则{
宽度+=1；
x、 style.width=宽度+“%”；
x、 innerHTML=（（宽度/100）.toFixed（1））+“%”；
}
}
});
#加载{
位置：固定；
身高：100%；
显示器：flex；
对齐项目：居中；
背景色：#000；
颜色：#fff；
字体大小：50px；
证明内容：柔性端；
}
这与其说是一个脚本问题，不如说是一个数学问题

你必须告诉脚本1.5是100%

为了更改显示的内部HTML，我只在脚本中添加了一行

var showNumber = (1.5/100)*width;
x.innerHTML = showNumber.toFixed(1);


$（函数（）{
var x=document.getElementById（“加载”）；
var宽度=0；
x、 innerHTML=宽度；
var int=setInterval（move，200）；//设置了更长的延迟。。。
函数move（）{
如果（宽度==100）{
清除间隔（int）；
}否则{
宽度+=1；
x、 style.width=宽度+“%”；
var showNumber=（1.5/100）*宽度；
x、 innerHTML=showNumber.toFixed（1）；//只有一个小数点。
}
}
});
#加载{
背景颜色：蓝色；
}
这与其说是一个脚本问题，不如说是一个数学问题

你必须告诉脚本1.5是100%

为了更改显示的内部HTML，我只在脚本中添加了一行

var showNumber = (1.5/100)*width;
x.innerHTML = showNumber.toFixed(1);


$（函数（）{
var x=document.getElementById（“加载”）；
var宽度=0；
x、 innerHTML=宽度；
var int=setInterval（move，200）；//设置了更长的延迟。。。
函数move（）{
如果（宽度==100）{
清除间隔（int）；
}否则{
宽度+=1；
x、 style.width=宽度+“%”；
var showNumber=（1.5/100）*宽度；
x、 innerHTML=showNumber.toFixed（1）；//只有一个小数点。
}
}
});
#加载{
背景颜色：蓝色；
}