{"id":72415,"date":"2012-02-21T17:07:45","date_gmt":"2012-02-21T22:07:45","guid":{"rendered":"http:\/\/wpmu.org\/?p=72415"},"modified":"2013-04-27T15:16:59","modified_gmt":"2013-04-27T19:16:59","slug":"daily-tip-add-a-customizable-progress-bar-to-wordpress-posts-and-pages","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/daily-tip-add-a-customizable-progress-bar-to-wordpress-posts-and-pages\/","title":{"rendered":"Add a Customizable Progress Bar to WordPress Posts and Pages"},"content":{"rendered":"<p>Progress bars are a great visual for keeping an audience engaged with an upcoming release, update or other project in process. They can help to build anticipation for whatever you&#8217;re working on. <a href=\"http:\/\/wordpress.org\/extend\/plugins\/progress-bar\/\" target=\"_blank\">Progress Bar<\/a> is a new, very easy-to-use plugin that lets you add progress bars to your pages or posts using a shortcode.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/02\/progress-bars.png\" alt=\"Post image\" aria-hidden=\"true\" title=\"progress-bars\" width=\"534\" height=\"360\" class=\"aligncenter size-full wp-image-72427\" \/><\/p>\n<p>The progress bars use CSS3 but you can of course style them with your own CSS. Check out the <a href=\"http:\/\/museumthemes.com\/progress-bar\/\" target=\"_blank\">live demo<\/a> to see the animated style in action.<\/p>\n<p>Add your own customizable bars with the free <a href=\"http:\/\/wordpress.org\/extend\/plugins\/progress-bar\/\" target=\"_blank\">Progress Bar<\/a> plugin, available in the plugin repository.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build anticipation for your project with the Progress Bars plugin. It lets you easily add CSS3 progress bars to your pages or posts using a shortcode.<\/p>\n","protected":false},"author":4099,"featured_media":72424,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[1081],"tutorials_categories":[],"class_list":["post-72415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-shortcodes"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/72415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/4099"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=72415"}],"version-history":[{"count":0,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/72415\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/72424"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=72415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=72415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=72415"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=72415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}