我环顾四周，发现了许多类似的线程，但没有一个能真正回答我对这种特定情况的帮助。
我有一排复选框，它们后面有一个绝对定位的 div。我希望能够选中一个复选框并更改背景的宽度以使其看起来像一个进度条。
https://www.dropbox.com/s/f280wpa3bovlipq/unchecked.png https://www.dropbox.com/s/r8gt9jmvhi6d4t0/checked.png
我对 jQuery 非常陌生。我知道如何用 jQuery 改变 css，比如
$('.workflow-progress').css('background-size', "33% 39px");
但我在拼凑如何根据复选框状态更改 CSS 时遇到问题。另外，如果第三个框在前两个之前被选中，我希望前两个自动检查自己，但这可能是另一天的问题。