<input type="text" pattern="[%\d]*" onkeyup="addSpace(event)">

function addSpace(event) {
  // input alanının değerini al
  var value = event.target.value;

  // "%" işareti bulunursa
  if (value.indexOf('%') !== -1) {
    // "%" işaretinin indeksini bul
    var index = value.indexOf('%');
    
    // input alanının değerini, "%" işaretinin indeksine bir boşluk ekleyerek güncelle
    event.target.value = value.substring(0, index + 1) + ' ' + value.substring(index + 1);
  }
}