Votre espace

 


Question aléatoire

Comment éditer / citer un message?
Livre d'or

Par lunik

Dommage que peu de site comme le votre existe ! Merci beaucoup pour tout ce que vous nous apportez

Livre d'or

Statistiques

616 membres inscrits

Dernier membre:
Sebastien

Plus de stats

Vous soutenez CsN :


[09/05/12] Striker: €15.00

[07/05/12] o_neil90: €5.00

[30/04/12] Sonic: €5.00

[28/04/12] Striker: €15.00

[27/04/12] Xtian: €20.00

[24/04/12] Yvan.G: €5.00

[30/03/12] Xtian: €20.00

[16/03/12] Julien. P: €5.00

[16/03/12] Steph: €5.00

[12/03/12] MarcelD: €4.00

[11/03/12] Harper: €15.00

[11/03/12] French Storm: €5.00

[03/03/12] Anthony .D: €5.00

[01/03/12] Gregory. F: €5.00

[29/02/12] Xtian: €20.00

[19/02/12] Pascal .G: €5.00

[15/02/12] HaloRaptor33: €5.00

[08/02/12] Yannick.D: €5.00

[06/02/12] M-ickael: €20.00

[03/02/12] Zarkox: €5.00

[31/01/12] Pearson: €5.00

[30/01/12] Xtian: €20.00

[29/01/12] Apple-F F: €5.00

[23/01/12] Loïc.T: €5.00

[22/01/12] Obi-wan: €5.00

[18/01/12] J-Louis.O: €5.00

[06/01/12] Loïc.B: €5.00

[03/01/12] Gibbs/Phil: €25.00

[02/01/12] Xtian: €20.00
..........................................
Nous vous remercions !
..........................................
Nous soutenir ?
Mini sondage
Que cherchez vous sur CsN :










Résultats

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

Swan
hight_tower
xtian68
kpi
PhpCraft
unknow_bot
Total : 16
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 568 fois   |   Dernières modifications par : Swan