# Task 8: Combat UI - Casting Bar Animation Fix - Context

## Task Description
**Bug Fix from task2.md**

### Problem:
The "Casting Bar" progress animation doesn't fill correctly during spell casting.

### Current Implementation:
- Casting bar is likely in a Combat-related component
- Search for "CastingBar" or "casting" in components folder
- Progress animation probably uses a Progress component or div with width styling

### What Needs To Be Done:
1. Search for "CastingBar" or "casting" in `src/components/game/` to find the relevant component
2. Read the component to understand the current implementation
3. Find the bug in the progress animation:
   - Is the progress value being calculated correctly?
   - Is the CSS/style correct for the progress bar?
   - Is the animation updating properly?
4. Fix the bug so the progress bar fills correctly during casting
5. Test the changes
6. Commit with message: "Task 2: Fix Combat UI Casting Bar progress animation"

### Key Files To Examine:
- Search for files containing "CastingBar" or "casting" in `src/components/game/`
- Look for Progress components or div elements with dynamic width

### Common Issues To Check:
- Progress value calculation (should be percentage 0-100)
- CSS transitions/animations
- State updates during casting
- Re-rendering issues