How to Use Progress Tracker

Progress Grid is a flexible progress tracking tool that helps you organize and monitor items through customizable categories, tags, and completion stages. Whether you're managing projects, tracking goals, or organizing tasks, Progress Grid provides a visual and structured way to see your progress at a glance.

Getting Started

Adding Your First Item

  1. Click the "Add Item" button (blue button in the top-right corner)
  2. Enter a name for your item (required)
  3. Set the completion percentage (0-100%)
  4. Optionally add a remark for additional notes
  5. Select category options if you have categories set up
  6. Choose tags to help organize your item
  7. Click "Add" to save

Basic Navigation

  • Desktop: Full table view with all columns visible
  • Mobile: Card-based layout optimized for touch interaction
  • Item Details: Click any item name to view/edit detailed information

Categories & Options

Categories help you classify items with structured dropdown options (e.g., Priority: Low/Medium/High).

Setting Up Categories

  1. Click "Settings" button
  2. Go to "Categories" tab
  3. Click "Add Category"
  4. Enter category name (e.g., "Priority", "Status", "Department")
  5. Add options for each category:
    • Type option name and click "Add Option"
    • Repeat for all options (e.g., "Low", "Medium", "High")
  6. Save the category

Using Categories

  • When adding/editing items, select appropriate options from each category dropdown
  • Categories appear as separate columns in the desktop table view
  • Use category filters to show only items with specific options selected

# Tags

Tags provide flexible labeling for cross-cutting themes that don't fit into structured categories.

Creating Tags

  1. Go to Settings > Tags
  2. Click "Add Tag"
  3. Enter tag name (e.g., "urgent", "client-work", "personal")
  4. Save and repeat for all needed tags

Using Tags

  • Select multiple tags when adding/editing items
  • Tags appear as colored chips in both desktop and mobile views
  • Use tag filters to show items containing specific tags
  • Click tag chips to quickly filter by that tag

Search & Filtering

Search

  • Type in the search box to find items by name
  • Search is instant and case-insensitive
  • Works on both desktop and mobile

Category Filters

  • Use dropdown filters under each category
  • Shows items matching ALL selected options
  • Select "All [Category]" to remove filter

Tag Filters

  • Click tag buttons to toggle them on/off
  • Shows items containing ANY selected tags
  • Use "Clear all tags" to remove filters

Completion Filter

  • "All": Shows all items
  • "Complete 100%": Shows only finished items
  • Useful for focusing on completed work

Progress Tracking

Completion Percentages

  • Set completion from 0% to 100%
  • Visual progress bars show completion at a glance
  • Use completion filter to focus on completed items
  • Update percentages as work progresses

Progress Visualization

  • Desktop: Progress bars in the rightmost column
  • Mobile: Prominent progress bar at top of each card
  • Color coding: Blue progress bars with percentage labels

Settings & Customization

Custom Labels

  • Customize field names to match your workflow
  • Default: "Name", "Remark", "Complete %"
  • Change to domain-specific terms

Data Management

  • Export: Download JSON backup
  • Import: Restore from JSON file
  • Delete All: Clear all data (with confirmation)

📱 Mobile Experience

Responsive Design

  • Cards Layout: Items displayed as individual cards on mobile
  • Touch-Friendly: Large buttons and touch targets
  • Icon Navigation: Compact header with icon-only buttons
  • Optimized Content: Key information prominently displayed

💡 Best Practices

Organization Tips

  • Start Simple: Begin with a few categories
  • Consistent Naming: Use clear, consistent names
  • Strategic Tags: Create tags for cross-cutting themes
  • Regular Updates: Keep completion current

Category Design

  • Mutually Exclusive: Options shouldn't overlap
  • Complete Sets: Include all possible options
  • Logical Grouping: Group related attributes

🔄 Common Workflows

Project Management

  1. Categories: Status, Priority
  2. Tags: client names, project types
  3. Track completion as milestones
  4. Filter by active high-priority

Goal Tracking

  1. Categories: Type, Timeline
  2. Tags: habits, skills, achievements
  3. Update progress regularly
  4. Filter by completion to celebrate

Task Organization

  1. Categories: Status, Urgency
  2. Tags: contexts (@home, @office)
  3. Filter by completion for remaining
  4. Search for specific tasks

Getting Help

Data Issues

  • Missing items? Check if filters are hiding them
  • Use Export regularly for backups
  • Large datasets work best with filtering

Display Problems

  • Mobile: Rotate device or zoom out if needed
  • Create categories in Settings first
  • Use "Clear all" options to reset filters

Progress Grid adapts to your workflow - start with basic items and completion tracking, then add categories, tags, and filters as your needs evolve!

Back to Progress Tracker