writing-progress

A web component for authors to track progress towards a word count goal.

• Demo

How Does It Work?

Add the <writing-progress> element to your page with a word-count attribute, and it will calculate the progress towards your goal.

Installation

npm install @spaceninja/writing-progress

Usage

<writing-progress word-count="19873"></writing-progress>

<script type="module" src="writing-progress.js"></script>

Attributes

You can configure the component by setting any of the following attributes on the <writing-progress> element.

| attribute | default value | | ------------ | ------------------------- | | word-count | none | | goal | 100000 | | round | none | | start-date | first day of current year | | end-date | last day of current year |