DataGridView：進捗率をプログレスバー表示・数値編集（サンプルあり）

using System.Data;

namespace DataGridView_ProgressCell;

public partial class Form1 : Form
{
    private DataTable _taskTable = new DataTable();

    public Form1()
    {
        InitializeComponent();
        InitializeData();
        InitializeDataGridView();
    }

    private void InitializeData()
    {
        // 1. データソースの準備（値は 0 〜 100 の整数を想定）
        _taskTable.Columns.Add("TaskName", typeof(string));
        _taskTable.Columns.Add("Progress", typeof(int)); // 進捗率

        _taskTable.Rows.Add("画面設計の作成", 100);
        _taskTable.Rows.Add("データバインディング実装", 65);
        _taskTable.Rows.Add("デバッグ・テスト", 10);
    }

    private void InitializeDataGridView()
    {
        dataGridView1.DataSource = _taskTable;

        // 列名の調整
        dataGridView1.Columns["TaskName"].HeaderText = "タスク名";
        dataGridView1.Columns["Progress"].HeaderText = "進捗状況";

        dataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill;
        dataGridView1.AllowUserToAddRows = false;

        // カスタム描画イベントを購読
        dataGridView1.CellPainting += DataGridView1_CellPainting;

        // 入力制限（バリデーション）イベントを購読
        dataGridView1.CellValidating += DataGridView1_CellValidating;
        dataGridView1.CellEndEdit += DataGridView1_CellEndEdit;
    }

    /// <summary>
    /// セルの値が確定する直前に呼び出される検証イベント
    /// </summary>
    private void DataGridView1_CellValidating(object? sender, DataGridViewCellValidatingEventArgs e)
    {
        // Progress列以外はチェック対象外にする
        if (dataGridView1.Columns[e.ColumnIndex].Name != "Progress") return;

        // 新しく入力された「画面上の文字列」は e.FormattedValue から取得します
        string newValueStr = e.FormattedValue?.ToString() ?? "";

        // 未入力（空っぽ）はエラーにする場合
        if (string.IsNullOrWhiteSpace(newValueStr))
        {
            dataGridView1.Rows[e.RowIndex].ErrorText = "進捗状況を入力してください。";
            e.Cancel = true;
            return;
        }

        // 整数に変換できるか、および 0 〜 100 の範囲内かをチェック
        if (!int.TryParse(newValueStr, out int parsedValue) || parsedValue < 0 || parsedValue > 100)
        {
            // 行にエラーテキストを設定（行ヘッダーにエラーアイコンが表示されます）
            dataGridView1.Rows[e.RowIndex].ErrorText = "進捗率は 0 〜 100 の間の整数で入力してください。";

            // これに true をセットすることで、不正な値のままフォーカスが外れるのを阻止します
            e.Cancel = true;
        }
    }

    /// <summary>
    /// セルの編集が正常に終了したときに呼び出されるイベント
    /// </summary>
    private void DataGridView1_CellEndEdit(object? sender, DataGridViewCellEventArgs e)
    {
        // 正しい値が入力されて編集が無事終わったら、行のエラーテキストを綺麗に消去します
        dataGridView1.Rows[e.RowIndex].ErrorText = string.Empty;
    }

    /// <summary>
    /// セルの描画イベント
    /// </summary>
    private void DataGridView1_CellPainting(object? sender, DataGridViewCellPaintingEventArgs e)
    {
        // ヘッダーや無効なセル、および「Progress」列以外は通常通りシステムに描画させる
        if (e.RowIndex < 0 || e.ColumnIndex < 0) return;
        if (dataGridView1.Columns[e.ColumnIndex].Name != "Progress") return;

        // 3. 現在「編集モード中」であるかチェック
        // PaintPartsに「All」が指定されている、かつ、セルの状態に「Editing（編集中）」が含まれている場合
        if (dataGridView1.IsCurrentCellInEditMode &&
            dataGridView1.CurrentCell.RowIndex == e.RowIndex &&
            dataGridView1.CurrentCell.ColumnIndex == e.ColumnIndex)
        {
            // 編集中の場合は自前での描画（プログレスバー）は一切せず、システム（標準のTextBox）に丸投げする
            return;
        }

        // --- ここから非編集時の「プログレスバー」描画ロジック ---

        // セルの値を数値（0〜100）として取得
        int progressValue = 0;
        if (e.Value != null && int.TryParse(e.Value.ToString(), out int parsedValue))
        {
            // 0〜100の範囲に収めるガード処理
            progressValue = Math.Max(0, Math.Min(100, parsedValue));
        }

        // A. まずはセルの背景と枠線を描画（選択状態の色なども自動考慮されます）
        e.PaintBackground(e.CellBounds, true);

        // B. プログレスバー（横バー）の描画領域を計算（セルの内側に少しマージンを取る）
        int marginX = 4;
        int marginY = 4;
        Rectangle barBounds = new Rectangle(
            e.CellBounds.X + marginX,
            e.CellBounds.Y + marginY,
            e.CellBounds.Width - (marginX * 2),
            e.CellBounds.Height - (marginY * 2)
        );

        // バーの背景（薄いグレー）を塗る
        using (SolidBrush bgBrush = new SolidBrush(Color.FromArgb(240, 240, 240)))
        {
            e.Graphics.FillRectangle(bgBrush, barBounds);
        }

        // 進捗率に応じた「緑色のバー」の幅を計算し、配色する
        if (progressValue > 0)
        {
            int fillWidth = (int)(barBounds.Width * (progressValue / 100.0));
            Rectangle fillBounds = new Rectangle(barBounds.X, barBounds.Y, fillWidth, barBounds.Height);

            // 100%なら緑、それ以外は黄緑で配色する
            Color barColor = (progressValue == 100) ? Color.MediumSeaGreen : Color.LightGreen;
            using (SolidBrush barBrush = new SolidBrush(barColor))
            {
                e.Graphics.FillRectangle(barBrush, fillBounds);
            }
        }

        // C. バーの枠線（細いグレー）を描画
        using (Pen borderPen = new Pen(Color.LightGray))
        {
            e.Graphics.DrawRectangle(borderPen, barBounds);
        }

        // D. 中央に「〇〇%」というテキストを重ねて描画
        string text = $"{progressValue}%";

        // 文字の配置（中央揃え）を指定
        TextFormatFlags flags = TextFormatFlags.HorizontalCenter | TextFormatFlags.VerticalCenter | TextFormatFlags.PreserveGraphicsClipping;

        // 選択されている行かどうかで文字色を変える
        Color textColor = (e.State & DataGridViewElementStates.Selected) == DataGridViewElementStates.Selected
            ? e.CellStyle.SelectionForeColor
            : e.CellStyle.ForeColor;

        TextRenderer.DrawText(e.Graphics, text, e.CellStyle.Font, e.CellBounds, textColor, flags);

        // 4. 「描画は完了した」とシステムに通知（標準の数値テキストが上書きされるのを防ぐ）
        e.Handled = true;
    }
}