Question

js根据文本框中数值大小设定下方进度条宽度

需要根据不同的公里范围设定出费用。希望会的大神指点指点。
html代码：

js代码：

网页内容：





Answer 1

bar.style.width = parseFloat(path) * 10 + "%";

追问

修改了。不可以。

改成bar.style.width = (parseFloat(path) * 10).toString() + "%";也不可以，不知道是我哪里的格式什么可能写错了。

Answer 2

出现什么问题了，无法修改吗。

追问

填写了公里数，下方费用进度条无法显示正确的宽度和数字。

追答

你这个是bootstrap 的bar么。好眼熟。

追问

是。不可以用js控制吗？想要根据文本框中的数字，设定进度条的宽度。

追答

可以 修改aira-valuenow 和width属性试一试，我做过类似的插件。

追问

大神呀，我真是不知道改哪里？需要用js代码根据文本框中的数字判断范围，然后更改进度条宽度。

追答

更新你的bar 的长度是时候使用下面的语句，试试。别着急，小问题。

$(".progress-bar").css('width', this.width);