PHP / JavaScript自定义进度条动画更改输入值

Question

我正在寻找一个基于HTML5 / PHP / JavaScript的进度条，它可以对输入值的变化进行工作/动画，情绪（如下所示和链接中）是可选择的，实际上它们是复选框（参见本页{{ 3}}）。我希望当用户选择/取消选择任何情绪时，进度条分别为动画（增加/减少）动画。 所以任何人都可以帮我找到一种方法来根据我的要求创建自定义进度条。 （自定义进度条，如下图所示）

Answer 1

您可以尝试使用Jquery UI Progressbar

根据选择的复选框数量调整值。如果您想使用自定义进度条，可以尝试将css类设为0％25％50％100％，并使用jquery调用它们。