Win32 ListView: Make colored progress bar for full row

Question

I want to make a colored progress bar for full row in ListView. I take the idea from here:

In above image, we have colored progress bar, but only fo single cell. What I want is make same think, but for full row.
Here is what I have done:

Not as I expected :) I tried to draw at the CDDS_ITEM | CDDS_POSTPAINT case. The code:

static LRESULT
HandleCustomDraw(NMLVCUSTOMDRAW* pcd)
{
    TCHAR buffer[16];
    LVITEM item;

    switch (pcd->nmcd.dwDrawStage)
    {
        case CDDS_PREPAINT:
            /* Tell the control we are interested in per-item notifications.
            * (We need it just to tell the control we want per-subitem
            * notifications.) */
            return CDRF_DODEFAULT | CDRF_NOTIFYITEMDRAW;

        case (CDDS_ITEM | CDDS_PREPAINT) :
            /* Tell the control we are interested in per-subitem notifications. */
            return CDRF_DODEFAULT | CDRF_NOTIFYPOSTPAINT | CDRF_NOTIFYSUBITEMDRAW;
        case (CDDS_ITEM | CDDS_POSTPAINT) :
        {
            // Test: assume the progress value is 50%
            float percent = 0.5;
            RECT r = pcd->nmcd.rc;
            r.right = r.left + percent * (r.right - r.left);
            HBRUSH hProgressBrush = CreateSolidBrush(RGB(255, 255, 0));
            FillRect(pcd->nmcd.hdc, &r, hProgressBrush);
            return CDRF_SKIPDEFAULT;
        }
    }
}

The expect result, for example at row Item 8, with percent = 0.5, is a filled rectange from start of the row, to between the third column, and the rest of the row is other color.
How I can achieve that? I know I have to draw different color for selected/focused/inative row, but I'm ok with it.

Edit:
Above image (the second one) is what I get with above code.
Demo what I want:

Answer 1

In WM_SIZE handler of the window retrieve and save the list view's client RECT (for example in global variable) with GetClientRect():

RECT list_view_rc;  // Global.
GetClientRect(list_view_hwnd, &list_view_rc);

RECT r = pcd->nmcd.rc; in your HandleCustomDraw() gives you the rectangle of currently drawn item inside list view's client area. All you have to do now is to replace r.left and r.right with obtained values from list view's client rectangle:

r.left = list_view_rc.left;
r.right = list_view_rc.right;

This will give you a rectangle for the whole row to draw into. You have to do this only on last item drawn if you're using CDDS_POSTPAINT. This is why you need another global variable list_view_column_count which contains the number of list view columns:

int list_view_column_count;   // Global.
list_view_column_count = Header_GetItemCount(ListView_GetHeader(list_view_hwnd));

With CDDS_POSTPAINT you have to draw the text inside the items by yourself because you destroyed it with rectangle, or try to mix the rectangle with text by changing foreground mix mode with SetROP2(). This is roughly the code you need (without text drawing):

static LRESULT
HandleCustomDraw(NMLVCUSTOMDRAW* pcd)
{
    TCHAR buffer[16];
    LVITEM item;
    // This static variable works only if you're always calling
    // HandleCustomDraw() only for one specific list view.
    static int current_item_count;

    switch (pcd->nmcd.dwDrawStage)
    {
        case CDDS_PREPAINT:
            /* Tell the control we are interested in per-item notifications.
            * (We need it just to tell the control we want per-subitem
            * notifications.) */
            current_item_count=0;
            return CDRF_DODEFAULT | CDRF_NOTIFYITEMDRAW;

        case (CDDS_ITEM | CDDS_PREPAINT) :
            /* Tell the control we are interested in per-subitem notifications. */
            return CDRF_DODEFAULT | CDRF_NOTIFYPOSTPAINT | CDRF_NOTIFYSUBITEMDRAW;
        case (CDDS_ITEM | CDDS_POSTPAINT) :
        if (++current_item_count == list_view_column_count)
        {
            // Test: assume the progress value is 50%
            float percent = 0.5;
            RECT r = pcd->nmcd.rc;
            r.left=list_view_rc.left;
            r.right=list_view_rc.right;
            r.right = r.left + percent * (r.right - r.left);
            HBRUSH hProgressBrush = CreateSolidBrush(RGB(255, 255, 0));
            FillRect(pcd->nmcd.hdc, &r, hProgressBrush);
            return CDRF_SKIPDEFAULT;
        }
    }
}