             <p className="project-metadata-number">{@state.projectData.subjects_count}</p>
             <h4 className="project-metadata-section-header"><Translate content="projectMetadata.table.imagesTotal" /></h4>
           </section>
-          <section className="project-metadata-section">
-            <p className="project-metadata-number">{(@state.projectData.retired_subjects_count/@state.projectData.subjects_count) * 100}%</p>
-            <h4 className="project-metadata-section-header"><Translate content="projectMetadata.table.complete" /></h4>
-          </section>
+          {if @state.workflowData
+            <section className="project-metadata-section">
+              <p className="project-metadata-number">{@completion()}%</p>
+              <h4 className="project-metadata-section-header"><Translate content="projectMetadata.table.complete" /></h4>
+            </section>}
         </div>
       else
         <LoadingIndicator />}
-    </div>+    </div>


module.exports = React.createClass
  displayName: 'ProjectMetadata'
  mixins: [Reflux.connect(ProjectStore, 'projectData')]

  render: ->
    <div className="project-metadata">

LoadingIndicator = require '../components/loading-indicator'

ProjectStore = require '../stores/project-store'
WorkflowStore = require '../stores/workflow-store'

counterpart.registerTranslations 'en',
  projectMetadata:
