{"id":115,"date":"2023-11-16T19:33:23","date_gmt":"2023-11-16T19:33:23","guid":{"rendered":"http:\/\/fem.flywheelsites.com\/?p=115"},"modified":"2023-12-12T00:39:38","modified_gmt":"2023-12-12T00:39:38","slug":"indeterminate","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/indeterminate\/","title":{"rendered":"indeterminate"},"content":{"rendered":"\n<p><a href=\"https:\/\/twitter.com\/JoshWComeau\">Josh W. Comeau<\/a>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>A cool thing I always forget: The <code>&lt;progress&gt;<\/code> tag can be put in an \u201cindeterminate\u201d state by omitting the <code>value<\/code> attribute. The idea is that we want to signal to the user that something is in progress, but we don&#8217;t know how far along it is.<\/p>\n<\/blockquote>\n\n\n\n<p>With a value:<\/p>\n\n\n\n<progress value=\"80\" max=\"100\"><\/progress>\n\n\n\n<p>Indeterminate:<\/p>\n\n\n\n<progress><\/progress>\n","protected":false},"excerpt":{"rendered":"<p>Josh W. Comeau: A cool thing I always forget: The &lt;progress&gt; tag can be put in an \u201cindeterminate\u201d state by omitting the value attribute. The idea is that we want to signal to the user that something is in progress, but we don&#8217;t know how far along it is. With a value: Indeterminate:<\/p>\n","protected":false},"author":1,"featured_media":185,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[31,32],"class_list":["post-115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-html","tag-progress"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2023\/11\/spinner-featured.jpg?fit=1000%2C500&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":7,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/115\/revisions"}],"predecessor-version":[{"id":258,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/115\/revisions\/258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}