{"id":14104,"date":"2018-11-04T18:51:47","date_gmt":"2018-11-04T17:51:47","guid":{"rendered":"https:\/\/www.jng-web.com\/labo\/?p=14104"},"modified":"2024-07-09T22:44:48","modified_gmt":"2024-07-09T20:44:48","slug":"11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery","status":"publish","type":"post","link":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/","title":{"rendered":"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery"},"content":{"rendered":"<div class=\"advads-avant-le-contenu\" id=\"advads-1617079380\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><div class=\"advads-test\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" id=\"advads-3230368818\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><p>Je vous propose dans cet article une s\u00e9lection tutoriaux pour vous aider ou pour apprendre \u00e0 cr\u00e9er des barres de chargement. Cette liste ne se veut pas exhaustive. Vous pouvez bien entendu utiliser les commentaires pour compl\u00e9ter cet article.<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #0000ff;\">Pour acc\u00e9der aux tutoriaux, je vous invite \u00e0 cliquer sur les images d&rsquo;illustration des scripts !<\/span><\/p>\n<h2>CSS Circle loading<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14105\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-circle-loading-300x91.jpg\" alt=\"css-circle-loading\" width=\"300\" height=\"91\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-circle-loading-300x91.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-circle-loading-380x115.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-circle-loading.jpg 550w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Loading Animation in pure CSS3<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14108\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-animation-in-pure-css3-300x125.jpg\" alt=\"loading-animation-in-pure-css3\" width=\"300\" height=\"125\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-animation-in-pure-css3-300x125.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-animation-in-pure-css3-380x158.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-animation-in-pure-css3.jpg 550w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>CSS Loading Animation<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14110\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-animation-300x103.jpg\" alt=\"css-loading-animation\" width=\"300\" height=\"103\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-animation-300x103.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-animation-380x130.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-animation.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>CSS Gears<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14111\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-gears-300x117.jpg\" alt=\"css-gears\" width=\"300\" height=\"117\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-gears-300x117.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-gears-380x148.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-gears.jpg 550w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>CSS3 Charging Battery<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14112\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css3-charging-battery-300x129.jpg\" alt=\"css3-charging-battery\" width=\"300\" height=\"129\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css3-charging-battery-300x129.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css3-charging-battery-380x164.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css3-charging-battery.jpg 550w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Loading Hourglass<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14113\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-hourglass-300x109.jpg\" alt=\"loading-hourglass\" width=\"300\" height=\"109\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-hourglass-300x109.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-hourglass-380x138.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/loading-hourglass.jpg 550w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>CSS Loading Spinners<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14114\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-spinners-300x110.jpg\" alt=\"css-loading-spinners\" width=\"300\" height=\"110\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-spinners-300x110.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-spinners-380x139.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/css-loading-spinners.jpg 550w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>CSS3 Loading Element CSS Spinners<\/h2>\n<p><a href=\"https:\/\/github.com\/lukehaas\/css-loaders\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14115\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/CSS3-Loading-Element-CSS-Spinners-300x179.jpg\" alt=\"CSS3-Loading-Element-CSS-Spinners\" width=\"300\" height=\"179\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/CSS3-Loading-Element-CSS-Spinners-300x179.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/CSS3-Loading-Element-CSS-Spinners-445x265.jpg 445w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/CSS3-Loading-Element-CSS-Spinners-380x226.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/CSS3-Loading-Element-CSS-Spinners.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Animated Progress Bar in 4 lines of jQuery<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14116\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Animated-Progress-Bar-in-4-lines-of-jQuery-300x163.jpg\" alt=\"Animated-Progress-Bar-in-4-lines-of-jQuery\" width=\"300\" height=\"163\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Animated-Progress-Bar-in-4-lines-of-jQuery-300x163.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Animated-Progress-Bar-in-4-lines-of-jQuery-380x206.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Animated-Progress-Bar-in-4-lines-of-jQuery.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Sonic \u2013 looping loaders<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14118\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Sonic-looping-loaders-300x192.jpg\" alt=\"Sonic-looping-loaders\" width=\"300\" height=\"192\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Sonic-looping-loaders-300x192.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Sonic-looping-loaders-380x243.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Sonic-looping-loaders.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Circular Progress<\/h2>\n<p><a href=\"https:\/\/github.com\/gregberge\/circular-progress\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-14119\" src=\"https:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Circular-Progress-300x143.jpg\" alt=\"Circular-Progress\" width=\"300\" height=\"143\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Circular-Progress-300x143.jpg 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Circular-Progress-380x181.jpg 380w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Circular-Progress.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>\u00a0<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je vous propose dans cet article une s\u00e9lection tutoriaux pour vous aider ou pour apprendre \u00e0 cr\u00e9er des barres de chargement. Cette liste ne se &hellip; <\/p>\n","protected":false},"author":2,"featured_media":14118,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[7],"tags":[40,23,66],"class_list":["post-14104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-scripts-gratuits","tag-script-gratuit","tag-script-jquery","tag-scripts-gratuits-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery - Labo JNG WEB<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery - Labo JNG WEB\" \/>\n<meta property=\"og:description\" content=\"Je vous propose dans cet article une s\u00e9lection tutoriaux pour vous aider ou pour apprendre \u00e0 cr\u00e9er des barres de chargement. Cette liste ne se &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Labo JNG WEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\" \/>\n<meta property=\"article:author\" content=\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-04T17:51:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-09T20:44:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Sonic-looping-loaders.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"J\u00e9r\u00f4me\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"J\u00e9r\u00f4me\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/\"},\"author\":{\"name\":\"J\u00e9r\u00f4me\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\"},\"headline\":\"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery\",\"datePublished\":\"2018-11-04T17:51:47+00:00\",\"dateModified\":\"2024-07-09T20:44:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/\"},\"wordCount\":107,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"keywords\":[\"Script gratuit\",\"Script jQuery\",\"Scripts gratuits\"],\"articleSection\":[\"Scripts gratuits \/ Frameworks\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/\",\"url\":\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/\",\"name\":\"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery - Labo JNG WEB\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#website\"},\"datePublished\":\"2018-11-04T17:51:47+00:00\",\"dateModified\":\"2024-07-09T20:44:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Labo Jng Web\",\"item\":\"https:\/\/jng-web.com\/labo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scripts gratuits \/ Frameworks\",\"item\":\"https:\/\/jng-web.com\/labo\/scripts-gratuits\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jng-web.com\/labo\/#website\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"name\":\"Labo JNG WEB\",\"description\":\"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...\",\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jng-web.com\/labo\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\",\"name\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"contentUrl\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"width\":342,\"height\":110,\"caption\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\"},\"image\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\",\"https:\/\/twitter.com\/jng_web\",\"https:\/\/fr.linkedin.com\/in\/jeromeguri\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\",\"name\":\"J\u00e9r\u00f4me\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"caption\":\"J\u00e9r\u00f4me\"},\"description\":\"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.\",\"sameAs\":[\"http:\/\/www.jng-web.com\",\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\",\"https:\/\/twitter.com\/JngWeb21\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery - Labo JNG WEB","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/","og_locale":"fr_FR","og_type":"article","og_title":"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery - Labo JNG WEB","og_description":"Je vous propose dans cet article une s\u00e9lection tutoriaux pour vous aider ou pour apprendre \u00e0 cr\u00e9er des barres de chargement. Cette liste ne se &hellip;","og_url":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/","og_site_name":"Labo JNG WEB","article_publisher":"https:\/\/www.facebook.com\/webmaster.referencement.dijon","article_author":"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","article_published_time":"2018-11-04T17:51:47+00:00","article_modified_time":"2024-07-09T20:44:48+00:00","og_image":[{"width":500,"height":320,"url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2018\/10\/Sonic-looping-loaders.jpg","type":"image\/jpeg"}],"author":"J\u00e9r\u00f4me","twitter_misc":{"\u00c9crit par":"J\u00e9r\u00f4me"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#article","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/"},"author":{"name":"J\u00e9r\u00f4me","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590"},"headline":"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery","datePublished":"2018-11-04T17:51:47+00:00","dateModified":"2024-07-09T20:44:48+00:00","mainEntityOfPage":{"@id":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/"},"wordCount":107,"commentCount":0,"publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"keywords":["Script gratuit","Script jQuery","Scripts gratuits"],"articleSection":["Scripts gratuits \/ Frameworks"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/","url":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/","name":"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery - Labo JNG WEB","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/#website"},"datePublished":"2018-11-04T17:51:47+00:00","dateModified":"2024-07-09T20:44:48+00:00","breadcrumb":{"@id":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jng-web.com\/labo\/11-didacticiels-pour-creer-des-barres-de-progression-en-css3-et-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Labo Jng Web","item":"https:\/\/jng-web.com\/labo\/"},{"@type":"ListItem","position":2,"name":"Scripts gratuits \/ Frameworks","item":"https:\/\/jng-web.com\/labo\/scripts-gratuits\/"},{"@type":"ListItem","position":3,"name":"11 didacticiels pour cr\u00e9er des barres de progression en CSS3 et jQuery"}]},{"@type":"WebSite","@id":"https:\/\/jng-web.com\/labo\/#website","url":"https:\/\/jng-web.com\/labo\/","name":"Labo JNG WEB","description":"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...","publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jng-web.com\/labo\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/jng-web.com\/labo\/#organization","name":"JNG WEB \/\/ J\u00e9r\u00f4me Guri","url":"https:\/\/jng-web.com\/labo\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/","url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","contentUrl":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","width":342,"height":110,"caption":"JNG WEB \/\/ J\u00e9r\u00f4me Guri"},"image":{"@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webmaster.referencement.dijon","https:\/\/twitter.com\/jng_web","https:\/\/fr.linkedin.com\/in\/jeromeguri"]},{"@type":"Person","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590","name":"J\u00e9r\u00f4me","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","caption":"J\u00e9r\u00f4me"},"description":"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.","sameAs":["http:\/\/www.jng-web.com","https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","https:\/\/twitter.com\/JngWeb21"]}]}},"views":3248,"_links":{"self":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/14104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/comments?post=14104"}],"version-history":[{"count":0,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/14104\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media\/14118"}],"wp:attachment":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media?parent=14104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/categories?post=14104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/tags?post=14104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}