(function () {        // Create object that have the context information about the field that we want to change it's output render       var overrideNameField = {};     overrideNameField.Templates = {};      overrideNameField.Templates.Fields = {          // Apply the new rendering for Priority field on List View  "PercentComplete": { "View": percentCompleteViewDisplayFiledTemplate, "EditForm": percentCompleteEditFiledTemplate, "DisplayForm": percentCompleteViewDisplayFiledTemplate }     };        SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideNameField);    })();  // This function provides the rendering logic for New and Edit forms for percentage complete column function percentCompleteViewDisplayFiledTemplate(ctx) { var percentComplete = ctx.CurrentItem[ctx.CurrentFieldSchema.Name]; var returnHTML = "
" returnHTML += "
 
 " + percentComplete; return returnHTML; } // This function provides the rendering logic for New and Edit forms for percentage complete column function percentCompleteEditFiledTemplate(ctx) { var formCtx = SPClientTemplates.Utility.GetFormContextForCurrentField(ctx); // Register a callback just before submit. formCtx.registerGetValueCallback(formCtx.fieldName, function () { return document.getElementById('inpPercentComplete').value; }); return " " + formCtx.fieldValue + "%"; }