Set data attribute value from database in ASP.Net

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

HTML

<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#

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");

    }
}