Set data attribute value from database in ASP.Net

Indresh says:

Here, I have created sample that will full-fill your requirement

HTML

1 2 3 4 5 6 7 8 9

<div class="inline m">     <div id="dvData" runat="server" class="easypiechart text-info easyPieChart" style="width: 120px;         height: 120px; line-height: 120px;">         <span class="h2 step font-bold">55</span>%         <canvas width="120" height="120"></canvas>     </div>     <div class="font-bold m-t text-center">         Total Running</div> </div>

C#

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

protected void Page_Load(object sender, EventArgs e) {     if (!this.IsPostBack)     {         // Gets value from DataBase and set like below         dvData.Attributes.Add("data-percent", "55");         dvData.Attributes.Add("data-line-width", "5");         dvData.Attributes.Add("data-track-color", "#f0f0f0");         dvData.Attributes.Add("data-bar-color", "#4cc0c1");         dvData.Attributes.Add("data-rotate", "115");         dvData.Attributes.Add("data-scale-color", "false");         dvData.Attributes.Add("data-size", "120");         dvData.Attributes.Add("data-animate", "2000");       } }

 

 Thank you .. @Indresh It works fine for me.