jquery用复选框更改进度条

Question

我看了很多，发现了许多相似的主题，但没有一个真的回答我帮我解决了这个具体情况。

我有一排复选框，后面有一个绝对定位的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时遇到问题。另外，如果在前两个框之前检查第三个框，我希望前两个框自动检查，但这可能是另一天的问题。