Jauge % dans tableau C#/JavaScript
Bonjour à tous,
Je développe actuellement un tableau de bord en C#/ASP.NET + JavaScript.
Ce tableau de bord liste les projets en cours ainsi que divers informations concernant ces projet : http://cjoint.com/12sp/BIAjPzNLouP.htm
Pour apporter un peu plus d'esthétique, je souhaiterai remplacer l'avancement du projet par une jauge telle que celle-ci : http://cjoint.com/12sp/BIAjTby8QKX.htm
J'arrive à mettre en place une jauge comme celle ci-dessus à l'aide de :
Code:
1
2
| <progress id="avancement" value="10" max="100"></progress>
<span id="pourcentage"></span> |
Ce que je n'arrive pas à faire c'est la générer dynamiquement en C# de la même manière que mes <td>.
Exemple de chargement de mon tableau :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| for (int i = 0; i < projets.Dt.Rows.Count; i++)
{
DataRow dr = projets.Dt.Rows[i];
HtmlTableRow tr = new HtmlTableRow();
//Charge le tableau
this.AddTd(dr["Id_Projet"].ToString(), tr);
this.AddTd(dr["Lib_Projet"].ToString(), tr);
this.AddTd(dr["Avancement"].ToString() + "%", tr);
this.AddTd(new Date(dr["Date_Debut"].ToString()).ToString(), tr);
this.AddTd(new Date(dr["Date_Fin_Prevue"].ToString()).ToString(), tr);
if (dr["Duree_Prevue"].ToString() != "")
{
this.AddTd(dr["Duree_Prevue"].ToString() + " j", tr);
}
else
{
this.AddTd(dr["Duree_Prevue"].ToString(), tr);
}
this.AddTd(dr["Lib_Priorite"].ToString(), tr);
this.AddTd(dr["Lib_Etat"].ToString(), tr);
this.t_projet.Controls.Add(tr);
} |
Fonction AddTd :
Code:
1
2
3
4
5
6
7
| protected void AddTd(string value, HtmlTableRow tr)
{
HtmlTableCell td = new HtmlTableCell();
td.InnerHtml = value;
tr.Controls.Add(td);
} |
Si quelqu'un pouvait m'aider dans cette démarche je lui en serai très reconnaissant.
Merci pour vos éventuelles réponses.
Cordialement
M0nk'
