【新特性速遞】進度條，進度條，進度條

FineUIPro/Mvc/Core的下個版本（v6.4.0），我們會新增進度條的支持，這個是在NumberBox控件的基礎上進行的（基礎版適用）。

 

之所以有這個更新，首先要感謝網友 @棕櫚 的無私分享：https://fineui.com/bbs/forum.php?mod=viewthread&tid=22352

 

在下個版本中，我們將會有如下幾個更新：

• 增加枚舉類型：NumberBoxDisplayType（Default，Progress，Rate）。
• 為數字輸入框增加DisplayType，ProgressHeight，ProgressTextVisible，ProgressTextInside屬性。
• 新增示例：表單控件/輸入框/數字輸入框/數字輸入框（進度條）。

 

示例截圖：

 

示例頁面標簽定義：

<f:NumberBox ID="NumberBox1" Width="500" Text="25" runat="server" DisplayType="Progress">
</f:NumberBox>
<br />
<f:NumberBox ID="NumberBox2" Width="500" Text="50" runat="server" DisplayType="Progress">
</f:NumberBox>
<br />
<f:NumberBox ID="NumberBox3" Width="500" Text="75" runat="server" DisplayType="Progress" ProgressTextVisible="true">
</f:NumberBox>
<br />
<f:NumberBox ID="NumberBox4" Width="500" Text="95" runat="server" DisplayType="Progress" ProgressTextVisible="true" ProgressHeight="15">
</f:NumberBox>
<br />
<f:NumberBox ID="NumberBox5" Width="500" Text="25" runat="server" DisplayType="Progress" ProgressTextVisible="true" ProgressTextInside="true" ProgressHeight="15">
</f:NumberBox>
<br />
<f:NumberBox ID="NumberBox6" Width="500" Text="50" runat="server" DisplayType="Progress" ProgressTextVisible="true" ProgressTextInside="true" ProgressHeight="15">
</f:NumberBox>
<br />
<f:NumberBox ID="NumberBox7" Width="500" Text="75" runat="server" DisplayType="Progress" ProgressTextVisible="true" ProgressTextInside="true" ProgressHeight="15">
</f:NumberBox>
<br />
<f:NumberBox ID="NumberBox8" Width="500" Text="95" runat="server" DisplayType="Progress" ProgressTextVisible="true" ProgressTextInside="true" ProgressHeight="15">
</f:NumberBox>

 

只是一些簡單的屬性設置，是不是很簡單，更好的消息是這個更新基礎版適用，讓我們一起期待新版本（v6.4.0）的到來。　　

 

歡迎入伙：https://fineui.com/fans/

 

三石出品，必屬精品