我们就来聊聊如何总共20项。那么进度百分比可以这样算：
`let progress = calculatePercentage(8, 20);`
结果会是 `"40.00%"`。如果你不想显示小数，把第二个参数改成0：
`calculatePercentage(8, 20, 0)`，结果就是清爽的 `"40%"`。

场景2：商品折扣显示
原价100元，现价75元。计算折扣力度（节省的百分比）：
`let discount = calculatePercentage(100-75, 100, 0);`
得到 `"25%"`。你可以把它拼接成：“立省25%”。

场景3：数据统计图表
在做投票结果展示时，A选项得了150票，总票数500票。需要保留一位小数且不带百分号（因为图表库可能自己加）：
`let votePercent = calculatePercentage(150, 500, 1, false);`
得到数值字符串 `"30.0"`，你可以自由处理。

五、进阶技巧：处理更复杂的情况

有时需求会更刁钻一点，比如：
1. 超过100%怎么处理？—— 上述函数本身支持，如果部分值大于总值，它会算出超过100%的结果，比如 `calculatePercentage(120, 100)` 会得到 `"120.00%"`。这适用于完成度超额的目标展示。
2. 不想四舍五入，直接舍去小数怎么办？—— 可以稍微修改函数，将 `toFixed` 替换为向下取整的逻辑。但注意，`toFixed` 本身是四舍五入的，这是最符合常规认知的方式。
3. 在WXML中直接使用？—— 小程序模板不支持直接调用复杂函数，建议在JS的data中计算好再绑定。例如，在Page的data中：
`this.setData({ percent: calculatePercentage(this.data.part, this.data.total) })`，然后在WXML中直接使用 `{{percent}}` 即可。

六、核心要点总结

1. 封装函数，一劳永逸：一个好的百分比函数能避免重复代码和隐蔽bug。
2. 考虑边界：务必处理除零、非数字等异常情况，让程序更健壮。
3. 灵活配置：通过参数控制小数位数和是否带符号，适应不同场景。
4. 结合实际：将函数融入进度、折扣、统计等具体功能，提升用户体验。

希望这个通俗易懂的讲解和现成的函数，能帮你轻松搞定小程序里的百分比计算。开发时多一步封装，调试时就少一点头疼。如果有更特殊的需求，在这个函数基础上扩展即可。 Happy Coding！