function addRow(title, className, start, end)
    {
        if ((start === -1) || (start >= end))
            return;
        var tr = tableElement.createChild("tr");
        tr.createChild("td").createTextChild(title);
        var row = tr.createChild("td").createChild("div", "network-timing-row");

        var bar = row.createChild("span", "network-timing-bar " + className);
        bar.style.left = (scale * start) + "%";
        bar.style.right = (scale * (total - end)) + "%";
        bar.textContent = "\u200B"; // Important for 0-time items to have 0 width.

        var label = row.createChild("span", "network-timing-bar-title");
        if (total - end < start)
            label.style.right = (scale * (total - end)) + "%";
        else
            label.style.left = (scale * start) + "%";
        label.textContent = Number.secondsToString((end - start) / 1000, true);
    }
@param {string} title
@param {string} className
@param {number} start
@param {number} end