有没有办法缩短这个SLIDER WIDTH代码？

Question

我正在为此滑块创建一个脚本，该脚本将根据输入中写入的数字进行更改。

我让它变得非常容易和简单，但我想知道是否有任何方法可以缩短它？就像将滑块的100％设置为数字10而将0设置为0％并让魔术发生在它们之间。

这是代码

    var f = $("#meter .container .fill");
    var i = $("#meter input#nbr");

i.keyup(function() {        
        if(i.val() == 10) {
            f.animate({width: "100%"}, 500);
        }
        else if(i.val() == 9){
            f.animate({width: "90%"}, 500);
        }

        else if(i.val() == 8){
            f.animate({width: "80%"}, 500);
        }

        else if(i.val() == 7){
            f.animate({width: "70%"}, 500);
        }

        else if(i.val() == 6){
            f.animate({width: "60%"}, 500);
        }

        else if(i.val() == 5){
            f.animate({width: "50%"}, 500);
        }

        else if(i.val() == 4){
            f.animate({width: "40%"}, 500);
        }

        else if(i.val() == 3){
            f.animate({width: "30%"}, 500);
        }

        else if(i.val() == 2){
            f.animate({width: "20%"}, 500);
        }

        else if(i.val() == 1){
            f.animate({width: "10%"}, 500);
        }
    }); 

正如我所说，一切都按预期运作，我只是想知道是否有更好的方法来实现这一目标。

提前致谢。