diff --git a/accounts/doctype/purchase_invoice/purchase_invoice_list.js b/accounts/doctype/purchase_invoice/purchase_invoice_list.js
new file mode 100644
index 0000000..bb284ba
--- /dev/null
+++ b/accounts/doctype/purchase_invoice/purchase_invoice_list.js
@@ -0,0 +1,9 @@
+// render
+wn.listview_settings['Purchase Invoice'] = {
+	add_fields: ["`tabPurchase Invoice`.grand_total", "`tabPurchase Invoice`.outstanding_amount"],
+	add_columns: [{"content":"outstanding_amount", width:"10%", type:"bar-graph"}],
+	prepare_data: function(data) {
+		data.outstanding_amount = (flt(data.grand_total) - 
+			flt(data.outstanding_amount)) / flt(data.grand_total) * 100;
+	}
+};
diff --git a/accounts/doctype/sales_invoice/sales_invoice_list.js b/accounts/doctype/sales_invoice/sales_invoice_list.js
new file mode 100644
index 0000000..c1f8061
--- /dev/null
+++ b/accounts/doctype/sales_invoice/sales_invoice_list.js
@@ -0,0 +1,9 @@
+// render
+wn.listview_settings['Sales Invoice'] = {
+	add_fields: ["`tabSales Invoice`.grand_total", "`tabSales Invoice`.outstanding_amount"],
+	add_columns: [{"content":"outstanding_amount", width:"10%", type:"bar-graph"}],
+	prepare_data: function(data) {
+		data.outstanding_amount = (flt(data.grand_total) - 
+			flt(data.outstanding_amount)) / flt(data.grand_total) * 100;
+	}
+};