Javascript 在引导进度条上显示少于1%

我正在使用引导程序进度条显示总里程为23872英里的人所覆盖的里程百分比

例如，如果用户A仅行驶了5英里，这意味着：

5/23872=0.00020945*100=0.02094504英里

目前进度条上未显示任何低于1%的内容

是否有可能显示低于1英里的百分比，使其显示为绿色，仅显示上图中的28%

转换代码：

// Calculating Percentages for each region
var ukPercent = $scope.ukTotal / 23872;
var apacPercent = $scope.apacTotal / 23872;
var naPercent = $scope.naTotal / 23872;

$scope.ukPercentage = ukPercent * 100;
$scope.naPercentage = naPercent * 100;
$scope.apacPercentage = apacPercent * 100;

---

如果你不在乎它是否比1%低多少，那就从1%开始，然后再开始有意义的进步

堆栈片段中的演示

var$traveled=$（“#traveledMiles”），
$total=$（“#totalMiles”），
$progressBar=$（'.progressBar'）；
$（$traveled）.add（$total）.keyup（函数（）{
变量百分比=$traveled.val（）/$total.val（）*100；
//至少1%
百分比=数学最大值（百分比，1）；
$progressBar
.css（'width'，percent+'%'））
.attr（'aria-valuenow'，百分比）
.children（“.sr”）.html（百分比+“%”）；
}).keyup（）

旅行英里
总英里数
60%
我认为最好的方法是使用一个名为“realProgress”的变量来跟踪进度条的十进制值。由于引导过程进度条仅适用于整数，因此可以像这样更新它的值（在Javascript中）：

realProgress=0.0；
realProgress+=所取得进展的百分比

$（“#我的进度条”）.css（“宽度”，math.Floor（realProgress）+“%”

这样，进度条的值仍会以对用户有意义的方式更新。
您所说的“低于0%”是什么意思？你是说负数吗？@NewDev抱歉，那是我的错。我的意思是值小于1。例如：0.02、0.5、0.000222等对不起，我已更正了我的错误。如果您将其四舍五入到小数点后一位，您可以修改它。@user2190986，它确实显示在1%以下。但是，如果进度条的总实际宽度很小，那么对于一些亚像素宽度的低百分比（甚至可能超过1%），浏览器将不会渲染它。