{"id":2540,"date":"2013-06-05T16:37:54","date_gmt":"2013-06-05T16:37:54","guid":{"rendered":"http:\/\/weblusive.com\/epic\/?page_id=2540"},"modified":"2013-06-05T16:37:54","modified_gmt":"2013-06-05T16:37:54","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/www.pardosilver.com\/?page_id=2540","title":{"rendered":"Progress Bars"},"content":{"rendered":"

Progress Bars<\/h3>\n

A simple way to add a progress bars to your layouts. You only need two HTML elements to make them and they’re easy to customize.<\/p>\n

[row]
\n

[progressbar meter=\u00bb40″ \/]<\/div>
\n
[progressbar type=\u00bbsuccess\u00bb meter=\u00bb80″ shape=\u00bbradius \u00bb \/]<\/div>
\n
[progressbar type=\u00bbalert\u00bb meter=\u00bb30″ shape=\u00bbround \u00bb \/]<\/div>
\n[one_whole][progressbar type=\u00bbsecondary \u00bb meter=\u00bb50″ \/][\/one_whole]
\n[\/row]<\/p>\n

Building progress bars using our predefined classes is simple, you’ll just need to write a <div class=\"progress\"><\/code> and inside of that a <span class=\"meter\"><\/code>. The meter is the element that you can set a width to, either inline or programatically on your own accord. The simplest way to do this is to change the style=\"width:%\"<\/code> property on the meter, itself.<\/p>\n

The class options:
\nThe color classes include: .secondary, .alert<\/code> or .success<\/code>
\nThe radius classes include: .radius<\/code> or .round<\/code>.
\nYou may also you the grid width classes: .small-#<\/code> or .large-#<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

Progress Bars A simple way to add a progress bars to your layouts. You only need two HTML elements to make them and they’re easy to customize. [row] [one_whole][progressbar type=\u00bbsecondary \u00bb meter=\u00bb50″ \/][\/one_whole] [\/row] Building progress bars using our predefined classes is simple, you’ll just need to write a <div class=\u00bbprogress\u00bb> and inside of that … Contin\u00fae leyendo Progress Bars<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2514,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2540","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2540"}],"version-history":[{"count":0,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2540\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2514"}],"wp:attachment":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}