Допустим у нас есть самая обычная форма
<form enctype="multipart/form-data" id="myForm" action="{% url edit_contact edit_contact.id %}" method="POST">{% csrf_token %}
<input id="id_first_name" type="text" name="first_name" value="asd" maxlength="50" />
<input type="file" name="photo" id="id_photo" />
<textarea id="id_bio" rows="10" cols="40" name="bio">asddfcadfedf</textarea>
<div class="save"></div>
<button id="submit" type="submit">Save</button>
И сделать видимость того что они отправляются для этого необходимо передавать всем полям значение disabled включать прогресс бар который будет изменяться допустим за 1 секунду, и потом убрать свойство disabled для всех элементов. Что бы снова появилась возможность редактирования данных.
На странице показано как работает элемент
http://malsup.com/jquery/form/#getting-started
<script>
$(document).ready(function() {
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
$(document).ready(function() {
$('#myForm').ajaxForm();
});