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

三生石上(FineUI控制元件)發表於2020-06-12

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/

 

三石出品，必屬精品 

相關文章