{"id":2663,"date":"2016-06-24T07:55:23","date_gmt":"2016-06-24T07:55:23","guid":{"rendered":"https:\/\/kiencang.net\/?p=2663"},"modified":"2016-06-24T07:55:23","modified_gmt":"2016-06-24T07:55:23","slug":"the-progress-trong-html","status":"publish","type":"post","link":"https:\/\/kiencang.net\/the-progress-trong-html\/","title":{"rendered":"Th\u1ebb progress trong HTML"},"content":{"rendered":"\n<p>V\u00ed d\u1ee5 qu\u00e1 tr\u00ecnh Download \u0111ang \u0111\u01b0\u1ee3c ti\u1ebfn h\u00e0nh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;progress value=\"22\" max=\"100\">&lt;\/progress><\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3: <\/p>\n\n\n\n<progress value=\"22\" max=\"100\"><\/progress>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d6a47f39d\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d6a47f39d\"  type=\"checkbox\" id=\"item-6577d6a47f39d\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/the-progress-trong-html\/#Dinh_nghia_va_cach_dung\" title=\"\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng\">\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/the-progress-trong-html\/#Trinh_duyet_ho_tro\" title=\"Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3\">Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/the-progress-trong-html\/#Su_khac_biet_giua_HTML_401_va_HTML5\" title=\"S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML 4.01 v\u00e0 HTML5\">S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML 4.01 v\u00e0 HTML5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/the-progress-trong-html\/#Cac_meo_va_luu_y\" title=\"C\u00e1c m\u1eb9o v\u00e0 l\u01b0u \u00fd\">C\u00e1c m\u1eb9o v\u00e0 l\u01b0u \u00fd<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/the-progress-trong-html\/#Cac_thuoc_tinh\" title=\"C\u00e1c thu\u1ed9c t\u00ednh\">C\u00e1c thu\u1ed9c t\u00ednh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/the-progress-trong-html\/#Thiet_lap_CSS_mac_dinh\" title=\"Thi\u1ebft l\u1eadp CSS m\u1eb7c \u0111\u1ecbnh\">Thi\u1ebft l\u1eadp CSS m\u1eb7c \u0111\u1ecbnh<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dinh_nghia_va_cach_dung\"><\/span>\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb &lt;progress> m\u00f4 t\u1ea3 ti\u1ebfn tr\u00ecnh ho\u00e0n th\u00e0nh m\u1ed9t nhi\u1ec7m v\u1ee5 n\u00e0o \u0111\u1ea5y.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Trinh_duyet_ho_tro\"><\/span>Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00e1c con s\u1ed1 trong b\u1ea3ng x\u00e1c \u0111\u1ecbnh c\u00e1c phi\u00ean b\u1ea3n tr\u00ecnh duy\u1ec7t \u0111\u1ea7u ti\u00ean h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7 ch\u1eafc n\u0103ng cho th\u1ebb.<\/p>\n\n\n\n<figure class=\"wp-block-table browserref notranslate\"><table><tbody><tr><th>Th\u1ebb<\/th><th>Chrome<\/th><th>&nbsp;IE<\/th><th>&nbsp;FireFox<\/th><th>Safari<\/th><th>&nbsp;Opera<\/th><\/tr><tr><td>&lt;progress&gt;<\/td><td>8.0<\/td><td>10.0<\/td><td>16.0<\/td><td>6.0<\/td><td>11.0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Su_khac_biet_giua_HTML_401_va_HTML5\"><\/span>S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML 4.01 v\u00e0 HTML5<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb &lt;progress&gt; l\u00e0 th\u1ebb m\u1edbi trong HTML5.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_meo_va_luu_y\"><\/span>C\u00e1c m\u1eb9o v\u00e0 l\u01b0u \u00fd<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><b>M\u1eb9o:<\/b>&nbsp;S\u1eed d\u1ee5ng th\u1ebb &lt;progress&gt; k\u1ebft h\u1ee3p v\u1edbi JavaScript \u0111\u1ec3 hi\u1ec3n th\u1ecb qu\u00e1 tr\u00ecnh x\u1eed l\u00fd m\u1ed9t nhi\u1ec7m v\u1ee5.<\/p>\n\n\n\n<p><b>L\u01b0u \u00fd<\/b>: \u00a0Th\u1ebb &lt;progress> kh\u00f4ng th\u00edch h\u1ee3p cho vi\u1ec7c \u0111o l\u01b0\u1eddng (v\u00ed d\u1ee5 nh\u01b0 kh\u00f4ng gian \u0111\u0129a \u0111\u00e3 s\u1eed d\u1ee5ng ho\u1eb7c li\u00ean quan \u0111\u1ebfn c\u00e2u h\u1ecfi truy v\u1ea5n). Li\u00ean quan \u0111\u1ebfn \u0111o l\u01b0\u1eddng b\u1ea1n n\u00ean s\u1eed d\u1ee5ng <a href=\"https:\/\/kiencang.net\/the-meter-trong-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">th\u1ebb &lt;meter><\/a> \u0111\u1ec3 thay th\u1ebf.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_thuoc_tinh\"><\/span>C\u00e1c thu\u1ed9c t\u00ednh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-table w3-table-all notranslate\"><table><tbody><tr><th>Thu\u1ed9c t\u00ednh<\/th><th>Gi\u00e1 tr\u1ecb<\/th><th>M\u00f4 t\u1ea3<\/th><\/tr><tr><td>max<\/td><td><i>number<\/i><\/td><td>Ch\u1ec9 \u0111\u1ecbnh t\u1ed5ng kh\u1ed1i l\u01b0\u1ee3ng c\u00f4ng vi\u1ec7c y\u00eau c\u1ea7u<\/td><\/tr><tr><td>value<\/td><td><i>number<\/i><\/td><td>Ch\u1ec9 \u0111\u1ecbnh bao nhi\u1ec7m v\u1ee5 \u0111\u00e3 ho\u00e0n th\u00e0nh \u0111\u1ebfn m\u1ee9c \u0111\u1ed9 n\u00e0o r\u1ed3i<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thiet_lap_CSS_mac_dinh\"><\/span>Thi\u1ebft l\u1eadp CSS m\u1eb7c \u0111\u1ecbnh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Kh\u00f4ng.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00ed d\u1ee5 qu\u00e1 tr\u00ecnh Download \u0111ang \u0111\u01b0\u1ee3c ti\u1ebfn h\u00e0nh: K\u1ebft qu\u1ea3: \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng Th\u1ebb &lt;progress> m\u00f4 t\u1ea3 ti\u1ebfn tr\u00ecnh ho\u00e0n th\u00e0nh m\u1ed9t nhi\u1ec7m v\u1ee5 n\u00e0o \u0111\u1ea5y. Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 C\u00e1c con s\u1ed1 trong b\u1ea3ng x\u00e1c \u0111\u1ecbnh c\u00e1c phi\u00ean b\u1ea3n tr\u00ecnh duy\u1ec7t \u0111\u1ea7u ti\u00ean h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7 ch\u1eafc n\u0103ng cho th\u1ebb. &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[235],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Th\u1ebb progress trong HTML &#8226; Ki\u1ebfn c\u00e0ng<\/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:\/\/kiencang.net\/the-progress-trong-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Th\u1ebb progress trong HTML &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u00ed d\u1ee5 qu\u00e1 tr\u00ecnh Download \u0111ang \u0111\u01b0\u1ee3c ti\u1ebfn h\u00e0nh: K\u1ebft qu\u1ea3: \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng Th\u1ebb &lt;progress&gt; m\u00f4 t\u1ea3 ti\u1ebfn tr\u00ecnh ho\u00e0n th\u00e0nh m\u1ed9t nhi\u1ec7m v\u1ee5 n\u00e0o \u0111\u1ea5y. Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 C\u00e1c con s\u1ed1 trong b\u1ea3ng x\u00e1c \u0111\u1ecbnh c\u00e1c phi\u00ean b\u1ea3n tr\u00ecnh duy\u1ec7t \u0111\u1ea7u ti\u00ean h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7 ch\u1eafc n\u0103ng cho th\u1ebb. &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/the-progress-trong-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-24T07:55:23+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Th\u1ebb progress trong HTML &#8226; Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/the-progress-trong-html\/","og_locale":"vi_VN","og_type":"article","og_title":"Th\u1ebb progress trong HTML &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u00ed d\u1ee5 qu\u00e1 tr\u00ecnh Download \u0111ang \u0111\u01b0\u1ee3c ti\u1ebfn h\u00e0nh: K\u1ebft qu\u1ea3: \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng Th\u1ebb &lt;progress> m\u00f4 t\u1ea3 ti\u1ebfn tr\u00ecnh ho\u00e0n th\u00e0nh m\u1ed9t nhi\u1ec7m v\u1ee5 n\u00e0o \u0111\u1ea5y. Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 C\u00e1c con s\u1ed1 trong b\u1ea3ng x\u00e1c \u0111\u1ecbnh c\u00e1c phi\u00ean b\u1ea3n tr\u00ecnh duy\u1ec7t \u0111\u1ea7u ti\u00ean h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7 ch\u1eafc n\u0103ng cho th\u1ebb. &hellip;","og_url":"https:\/\/kiencang.net\/the-progress-trong-html\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2016-06-24T07:55:23+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"1 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/the-progress-trong-html\/","url":"https:\/\/kiencang.net\/the-progress-trong-html\/","name":"Th\u1ebb progress trong HTML &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2016-06-24T07:55:23+00:00","dateModified":"2016-06-24T07:55:23+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/the-progress-trong-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/the-progress-trong-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/the-progress-trong-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Th\u1ebb progress trong HTML"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2663"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=2663"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2663\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=2663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=2663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=2663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}