add todo percentage in item list

browser/components/NoteItem.js

@@ -4,7 +4,9 @@
 import React, { PropTypes } from 'react'
 import { isArray } from 'lodash'
 import CSSModules from 'browser/lib/CSSModules'
+import { getTodoState } from 'browser/lib/getTodoState'
 import styles from './NoteItem.styl'
+import TodoProcess from './TodoProcess'
 
 /**
  * @description Tag element component.
@@ -76,6 +78,10 @@ const NoteItem = ({ isActive, note, dateDisplay, handleNoteClick, handleDragStar
           }
         </div>
       </div>
+      {note.type === 'MARKDOWN_NOTE'
+        ? <TodoProcess todoState={getTodoState(note.content)} />
+        : ''
+      }
     </div>
   </div>
 )