我需要在文本之后的输入中放置一个灰色的不可编辑（不可移动）“％”符号

Question

http://jsfiddle.net/c6f7ommh/1-看到了带有div容器的示例，但想知道是否可以通过输入来解决

 $(document).ready (function() {
    var minNumber = 0;
    var maxNumber = 100;

       $('.txtinput').on("change", function() {
        var inputVal = parseFloat($(this).val().replace(' %', ' ')) || 0
        if (minNumber > inputVal) {
          inputVal = 0;
        } else if (maxNumber < inputVal) {
          inputVal = 100;
        }
        $(this).val(inputVal + ' %'); 
      }); 
      });

这就是我现在所做的，但是我对编程还很陌生，因此，如果您能提供一些有关如何完成它的提示，那就太糟糕了！