Votre espace

 



Question aléatoire

L'utilité d'un forum?
Livre d'or

Par Tsuna-Fa

Moi je trouve Csn très convivial, un site ou il ya beaucoup d'entre aide.
Et je finirais longue vie a swan et a Csn !!

Livre d'or

Statistiques

854 membres inscrits

Dernier membre:
chabba

Plus de stats

Vous soutenez CsN :


Sur les 3 derniers mois ...

[13/06/13] Juliette.H: €10.00

[31/05/13] Xtian: €10.00

[24/05/13] Steve.D: €10.00

[13/05/13] Damien.F: €10.00

[12/05/13] Mathieu.C: €10.00

[02/05/13] Xtian: €10.00

[31/03/13] Xtian: €10.00

[19/03/13] Lucho03: €10.00

[27/02/13] Xtian: €10.00

[26/02/13] Striker: €15.00

[30/01/13] Xtian: €20.00

[29/12/12] Xtian: €20.00

[01/12/12] Rudyos: €5,00

[29/11/12] Xtian: €20.00

[16/11/12] Sanfandrafa: €10,00

[12/11/12] Hight_Tower: €10,00

[06/11/12] Harper: €15,00

[31/10/12] Xtian: €20.00

[31/10/12] Laurent.L: €25.00

[24/10/12] Nicolas.P: €5.00

[21/10/12] Vincent.D: €10.00

[19/10/12] Mickael: €10.00

[06/10/12] Xtian: €15.00

[01/10/12] Hight_Tower: €20.00
..........................................
Nous vous remercions !
..........................................
Nous soutenir ?
Mini sondage
Les tutoriels mis à disposition sont:












Résultats

En ligne
3 Visiteurs, 4 Membres, 1 Modérateur, 1 Administrateur En ligne.

Swan
Sonic
vlotho
worms
Theswat
sch
unknow_bot
Total : 9
Barre de progression en HTML 5
 



Entre les lectures du forum et celle des nouvelle version de HTML5, je me demandais comment créer une barre de progression, relativement simple, et bien la voici:



Actuellement, c est par le code source que je modifie la progression de la barre, mais c'est peut être une efficacité qui plus est une méthode, pour les membres qui ont des petites bases SQL.

Par contre sous Safari & Internet Explorer, vous ne verrez rien.


Voici le code source:




Code HTML :
<progress id="progressBar" value="66.6" max="100"></progress>
<span id="percent"></span>
<script>
	eltBar = document.getElementById("progressBar");
	eltPct = document.getElementById("percent");
	eltPct.innerHTML = eltBar.position * 100 + "%";
</script>



Quelques mots d'explication:




Équivalent de progressmeter dans le langage XUL, cette balise qui conforte la position de HTML5 comme langage applicatif et non plus seulement comme langage descriptif, permet de donner l'état d'avancement d'une tâche.

value : attribut désignant la valeur actuel de l'état d'avancement
max : attribut indiquant la valeur maximale à atteindre
position : attribut en lecture seule indiquant le pourcentage d'avancement


Voir aussi ces articles sur ce site :

- Barre de progression
- Barre de progression similaire à celle de Windows


Cet article à été publié par Hight_tower sur la partie forum.



 
Cette page a été vue 2419 fois   |   Dernières modifications par : Swan