株式会社アキュラ | AQU′REX http://aqurex.jp 神戸・大阪のWEBシステム開発・制御組込みシステムなら株式会社アキュラへ。熟練したエンジニアと最先端の使いやすいUI・UXを得意とするデザイナーが所属するWEBクリエート事務所です Thu, 06 Aug 2026 23:00:33 +0000 ja hourly 1 https://wordpress.org/?v=4.1.41 DevExpress でのプログレスバーのタイトルエリア枠太さ設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e6%9e%a0%e5%a4%aa%e3%81%95%e8%a8%ad/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e6%9e%a0%e5%a4%aa%e3%81%95%e8%a8%ad/#comments Thu, 06 Aug 2026 23:00:33 +0000 http://aqurex.jp/?p=17708 DevExpress でのプログレスバー（ASPxProgressBar）のタイトルエリア枠太さ設定のサンプルです。

現状の画面デザインはこのようになっています。

20260805_04

＜プログレスバーのタイトルエリア枠太さ設定＞

「ASPxProgressBar」、「CaptionCellStyle」の「Border」プロパティから「BorderWidth=”3px”」を設定します。

20260807_01

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" VerticalAlign="Middle" />
            <CaptionCellStyle BackColor="#FFFFCC" Height="50px">
                <Border BorderStyle="Dashed" BorderWidth="3px" />
            </CaptionCellStyle>
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
                <BorderLeft BorderColor="Red" BorderStyle="Double" BorderWidth="5px" />
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

</form>

それでは、実行して動作確認を行います。

20260805_04

↓

20260807_02

無事にプログレスバー（ASPxProgressBar）のタイトルエリア枠太さ設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e6%9e%a0%e5%a4%aa%e3%81%95%e8%a8%ad/feed/ 0 DevExpress でのプログレスバーのタイトルエリア枠設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e6%9e%a0%e8%a8%ad%e5%ae%9a/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e6%9e%a0%e8%a8%ad%e5%ae%9a/#comments Tue, 04 Aug 2026 23:00:48 +0000 http://aqurex.jp/?p=17702 DevExpress でのプログレスバー（ASPxProgressBar）のタイトルエリア枠設定のサンプルです。

現状の画面デザインはこのようになっています。

20260805_01

＜プログレスバーのタイトルエリア枠設定＞

「ASPxProgressBar」、「CaptionCellStyle」の「Border」プロパティから「BorderStyle=”Dashed”」を設定します。

20260805_02

↓

20260805_03

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" VerticalAlign="Middle" />
            <CaptionCellStyle BackColor="#FFFFCC" Height="50px">
                <Border BorderStyle="Dashed" />
            </CaptionCellStyle>
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
                <BorderLeft BorderColor="Red" BorderStyle="Double" BorderWidth="5px" />
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260805_01

↓

20260805_04

無事にプログレスバー（ASPxProgressBar）のタイトルエリア枠設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e6%9e%a0%e8%a8%ad%e5%ae%9a/feed/ 0 DevExpress でのプログレスバーのタイトルエリアサイズ（高さ）設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%82%b5%e3%82%a4%e3%82%ba%ef%bc%88/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%82%b5%e3%82%a4%e3%82%ba%ef%bc%88/#comments Sun, 02 Aug 2026 23:00:07 +0000 http://aqurex.jp/?p=17698 DevExpress でのプログレスバー（ASPxProgressBar）のタイトルエリアサイズ（高さ）設定のサンプルです。

現状の画面デザインはこのようになっています。

20260731_03

＜プログレスバーのタイトルエリアサイズ（高さ）設定＞

「ASPxProgressBar」の「CaptionCellStyle」プロパティから「Height=”75px”」を設定します。

20260803_01

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionCellStyle BackColor="#FFFFCC" Height="75px">
            </CaptionCellStyle>
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
                <BorderLeft BorderColor="Red" BorderStyle="Double" BorderWidth="5px" />
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260731_03

↓

20260803_02

無事にプログレスバー（ASPxProgressBar）のタイトルエリアサイズ（高さ）設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%82%b5%e3%82%a4%e3%82%ba%ef%bc%88/feed/ 0 DevExpress でのプログレスバーのタイトルエリア背景色設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e8%83%8c%e6%99%af%e8%89%b2%e8%a8%ad/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e8%83%8c%e6%99%af%e8%89%b2%e8%a8%ad/#comments Thu, 30 Jul 2026 23:00:14 +0000 http://aqurex.jp/?p=17691 DevExpress でのプログレスバー（ASPxProgressBar）のタイトルエリア背景色設定のサンプルです。

現状の画面デザインはこのようになっています。

20260729_03

＜プログレスバーのタイトルエリア背景色設定＞

「ASPxProgressBar」の「CaptionCellStyle」プロパティから「BackColor=”#FFFFCC”」を設定します。

20260731_01

↓

20260731_02

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionCellStyle BackColor="#FFFFCC">
            </CaptionCellStyle>
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
                <BorderLeft BorderColor="Red" BorderStyle="Double" BorderWidth="5px" />
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260729_03

↓

20260731_03

無事にプログレスバー（ASPxProgressBar）のタイトルエリア背景色設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e8%83%8c%e6%99%af%e8%89%b2%e8%a8%ad/feed/ 0 DevExpress でのプログレスバーのタイトル枠色設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e8%89%b2%e8%a8%ad%e5%ae%9a/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e8%89%b2%e8%a8%ad%e5%ae%9a/#comments Tue, 28 Jul 2026 23:00:05 +0000 http://aqurex.jp/?p=17686 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル枠色設定のサンプルです。

現状の画面デザインはこのようになっています。

20260727_02

＜プログレスバーのタイトル枠色設定＞

「ASPxProgressBar」、「CaptionStyle」の「BorderLeft」プロパティから「BorderColor=”Red”」を設定します。

20260729_01

↓

20260729_02

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
                <BorderLeft BorderColor="Red" BorderStyle="Double" BorderWidth="5px" />
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260727_02

↓

20260729_03

無事にプログレスバー（ASPxProgressBar）のタイトル枠色設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e8%89%b2%e8%a8%ad%e5%ae%9a/feed/ 0 DevExpress でのプログレスバーのタイトル枠サイズ（太さ）設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e3%82%b5%e3%82%a4%e3%82%ba%ef%bc%88%e5%a4%aa%e3%81%95/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e3%82%b5%e3%82%a4%e3%82%ba%ef%bc%88%e5%a4%aa%e3%81%95/#comments Sun, 26 Jul 2026 23:00:08 +0000 http://aqurex.jp/?p=17682 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル枠サイズ（太さ）設定のサンプルです。

現状の画面デザインはこのようになっています。

20260724_02

＜プログレスバーのタイトル枠サイズ（太さ）設定＞

「ASPxProgressBar」、「CaptionStyle」の「BorderLeft」プロパティから「BorderWidth=”5px”」を設定します。

20260727_01

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
                <BorderLeft BorderStyle="Double" BorderWidth="5px" />
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260724_02

↓

20260727_02

無事にプログレスバー（ASPxProgressBar）のタイトル枠サイズ（太さ）設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e3%82%b5%e3%82%a4%e3%82%ba%ef%bc%88%e5%a4%aa%e3%81%95/feed/ 0 DevExpress でのプログレスバーのタイトル枠設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e8%a8%ad%e5%ae%9a/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e8%a8%ad%e5%ae%9a/#comments Thu, 23 Jul 2026 23:00:32 +0000 http://aqurex.jp/?p=17678 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル枠設定のサンプルです。

現状の画面デザインはこのようになっています。

20260722_03

＜プログレスバーのタイトル枠設定＞

「ASPxProgressBar」、「CaptionStyle」の「BorderLeft」プロパティから「BorderStyle=”Double”」を設定します。

20260724_01

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
                <BorderLeft BorderStyle="Double" />
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260722_03

↓

20260724_02

無事にプログレスバー（ASPxProgressBar）のタイトル枠設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%9e%a0%e8%a8%ad%e5%ae%9a/feed/ 0 DevExpress でのプログレスバーのタイトル背景色設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e8%83%8c%e6%99%af%e8%89%b2%e8%a8%ad%e5%ae%9a/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e8%83%8c%e6%99%af%e8%89%b2%e8%a8%ad%e5%ae%9a/#comments Tue, 21 Jul 2026 23:00:04 +0000 http://aqurex.jp/?p=17671 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル背景色設定のサンプルです。

現状の画面デザインはこのようになっています。

20260720_03

＜プログレスバーのタイトル背景色設定＞

「ASPxProgressBar」の「CaptionStyle」プロパティから「BackColor=”#FFCCFF”」を設定します。

20260722_01

↓

20260722_02

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionStyle BackColor="#FFCCFF" Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260720_03

↓

20260722_03

無事にプログレスバー（ASPxProgressBar）のタイトル背景色設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e8%83%8c%e6%99%af%e8%89%b2%e8%a8%ad%e5%ae%9a/feed/ 0 DevExpress でのプログレスバーのタイトルフォント設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e8%a8%ad%e5%ae%9a/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e8%a8%ad%e5%ae%9a/#comments Sun, 19 Jul 2026 23:00:11 +0000 http://aqurex.jp/?p=17664 DevExpress でのプログレスバー（ASPxProgressBar）のタイトルフォント設定のサンプルです。

現状の画面デザインはこのようになっています。

20260717_03

＜プログレスバーのタイトルフォント設定＞

「ASPxProgressBar」の「CaptionStyle」プロパティから「Font-Italic=”True”」を設定します。

20260720_01

「ASPxProgressBar」の「CaptionStyle」プロパティから「Font-Size=”X-Large”」を設定します。

20260720_02

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionStyle Font-Italic="True" Font-Size="X-Large" ForeColor="Blue">
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260717_03

↓

20260720_03

無事にプログレスバー（ASPxProgressBar）のタイトルフォント設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e8%a8%ad%e5%ae%9a/feed/ 0 DevExpress でのプログレスバーのタイトル文字色設定 http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%96%87%e5%ad%97%e8%89%b2%e8%a8%ad%e5%ae%9a/ http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%96%87%e5%ad%97%e8%89%b2%e8%a8%ad%e5%ae%9a/#comments Thu, 16 Jul 2026 23:00:02 +0000 http://aqurex.jp/?p=17658 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル文字色設定のサンプルです。

現状の画面デザインはこのようになっています。

20260715_02

＜プログレスバーのタイトル文字色設定＞

「ASPxProgressBar」の「CaptionStyle」プロパティから「ForeColor=”Blue”」を設定します。

20260717_01

↓

20260717_02

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxProgressBar ID="ASPxProgressBar1" runat="server" Position="120" Width="400px" Theme="Mulberry" Caption="参考書理解" CustomDisplayFormat="【{1}-{2}】の内{0}ページ完了" DisplayMode="Custom" Height="75px" Maximum="200" Minimum="7">
            <CaptionSettings HorizontalAlign="Center" Position="Bottom" ShowColon="False" />
            <CaptionStyle ForeColor="Blue">
            </CaptionStyle>
        </dx:ASPxProgressBar>
    </div>
</form>

それでは、実行して動作確認を行います。

20260715_02

↓

20260717_03

無事にプログレスバー（ASPxProgressBar）のタイトル文字色設定が出来ました。

]]> http://aqurex.jp/devexpress-%e3%81%a7%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e6%96%87%e5%ad%97%e8%89%b2%e8%a8%ad%e5%ae%9a/feed/ 0