{"id":6184,"date":"2013-02-27T01:14:36","date_gmt":"2013-02-27T01:14:36","guid":{"rendered":"http:\/\/themes.swiftpsd.com\/test\/flexform\/?page_id=6184"},"modified":"2023-09-30T22:43:45","modified_gmt":"2023-09-30T21:43:45","slug":"charts-progress-bars","status":"publish","type":"page","link":"https:\/\/beatsoop.com\/index.php\/shortcodes\/charts-progress-bars\/","title":{"rendered":"Swift Charts & Progress Bars"},"content":{"rendered":"[spb_text_block title=”Charts – Large” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\n
\n
<\/i><\/span><\/div>\n

With Font Awesome icon.<\/p>\n<\/div>\n

\n
70%<\/span><\/div>\n

With percentage.<\/p>\n<\/div>\n

\n
6\/10<\/span><\/div>\n

With “out of 10” rating.<\/p>\n<\/div>\n

\n
Text<\/span><\/div>\n

With text.<\/p>\n<\/div>

<\/div>\n[\/spb_text_block] [codesnippet pb_margin_bottom=”yes” width=”1\/4″ el_position=”first”]\n[chart percentage='80' size='170' barcolour='#1bbeb4' trackcolour='#baebe8' content='fa-bar-chart-o' align='left']\n[\/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1\/4″]\n[chart percentage='70' size='170' barcolour='#1bbeb4' trackcolour='#baebe8' content='70%' align='left']\n[\/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1\/4″]\n[chart percentage='60' size='170' barcolour='#1bbeb4' trackcolour='#baebe8' content='6\/10' align='left']\n[\/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1\/4″ el_position=”last”]\n[chart percentage='100' size='170' barcolour='#1bbeb4' trackcolour='#baebe8' content='Text' align='left']\n[\/codesnippet] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Charts – Standard” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/2″ el_position=”first”]\n
\n
<\/i><\/span><\/div>\n<\/div>\n
\n
70%<\/span><\/div>\n<\/div>\n
\n
6\/10<\/span><\/div>\n<\/div>\n
\n
Text<\/span><\/div>\n<\/div>
<\/div>\n[\/spb_text_block] [spb_text_block title=”Use any color you like!” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/2″ el_position=”last”]\n
\n
<\/i><\/span><\/div>\n<\/div>\n
\n
70%<\/span><\/div>\n<\/div>\n
\n
6\/10<\/span><\/div>\n<\/div>\n
\n
Text<\/span><\/div>\n<\/div>
<\/div>\n[\/spb_text_block] [codesnippet pb_margin_bottom=”yes” width=”1\/1″ el_position=”first last”]\n[chart percentage='80' size='70' barcolour='#1bbeb4' trackcolour='#baebe8' content='fa-bar-chart-o' align='left']\n[\/codesnippet] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Progress Bars” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\n
\n
\n
Standard 75%<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n
Striped 90%<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n
Striped & animated 85%<\/span><\/div>\n<\/div>\n<\/div>\n\n[\/spb_text_block] [codesnippet pb_margin_bottom=”yes” width=”1\/1″ el_position=”first last”]\n[progress_bar percentage=\"75\" name=\"Standard\" value=\"75%\" type=\"\" colour=\"\"]\n[progress_bar percentage=\"90\" name=\"Striped\" value=\"90%\" type=\"progress-striped\" colour=\"\"]\n[progress_bar percentage=\"85\" name=\"Striped & animated\" value=\"85%\" type=\"progress-striped active\" colour=\"\"]\n[\/codesnippet] [spb_text_block pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\n

<\/h1>\n
\n
\n
Enter any value 7\/10<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n
Choose any color 80%<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n
Striped & animated text goes here<\/span><\/div>\n<\/div>\n<\/div>\n\n[\/spb_text_block] [codesnippet pb_margin_bottom=”yes” width=”1\/1″ el_position=”first last”]\n[progress_bar percentage=\"70\" name=\"Enter any value\" value=\"7\/10\" type=\"\" colour=\"#222222\"]\n[progress_bar percentage=\"80\" name=\"Choose any color\" value=\"80%\" type=\"progress-striped\" colour=\"#07c1b6\"]\n[progress_bar percentage=\"60\" name=\"Striped & animated\" value=\"text goes here\" type=\"progress-striped active\" colour=\"#10c4f7\"]\n[\/codesnippet]\n","protected":false},"excerpt":{"rendered":"

[spb_text_block title=”Charts – Large” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”] [\/spb_text_block] [codesnippet pb_margin_bottom=”yes” width=”1\/4″ el_position=”first”] [\/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1\/4″] 70% [\/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1\/4″] 6\/10 [\/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1\/4″ el_position=”last”] Text [\/codesnippet] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Charts – Standard” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/2″ el_position=”first”] [\/spb_text_block] [spb_text_block title=”Use any color you like!” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/2″ el_position=”last”] [\/spb_text_block] [codesnippet pb_margin_bottom=”yes” width=”1\/1″ el_position=”first […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8303,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"footnotes":""},"aioseo_notices":[],"jetpack-related-posts":[{"id":12093,"url":"https:\/\/beatsoop.com\/index.php\/home\/home-example-eight\/","url_meta":{"origin":6184,"position":0},"title":"Home (Example Eight)","author":"beatsoop.com","date":"22 January 2013","format":false,"excerpt":"[impact_text include_button=\"yes\" button_style=\"standard\" title=\"Take the tour\" href=\"\/features\/\" color=\"accent\" size=\"normal\" type=\"roundedarrow\" target=\"_self\" position=\"cta_align_right\" alt_background=\"alt-five\" el_class=\"mb0 mt0 bt0 bb0\" width=\"1\/1\" el_position=\"first last\"] Neighborhood: A clean, responsive & retina-ready multipurpose eCommerce WordPress theme. [\/impact_text] [blank_spacer height=\"60px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/4\" el_position=\"first\"] Incredibly Responsive Neighborhood is completely responsive. And when we\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7441,"url":"https:\/\/beatsoop.com\/index.php\/home\/home-example-five\/","url_meta":{"origin":6184,"position":1},"title":"Home (Example Five)","author":"beatsoop.com","date":"9 March 2013","format":false,"excerpt":"[blank_spacer height=\"40px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/4\" el_position=\"first\"] Incredibly Responsive Neighborhood is completely responsive. And when we say responsive, we mean it won\u2019t only work on mobile devices; it\u2019ll look damn good! Find out more > [\/spb_text_block] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/4\"] Swift Page Builder Quickly & easily create\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6575,"url":"https:\/\/beatsoop.com\/index.php\/pages\/about\/","url_meta":{"origin":6184,"position":2},"title":"About Us","author":"beatsoop.com","date":"3 March 2013","format":false,"excerpt":"[spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Our mission [\/spb_text_block] [blank_spacer height=\"20px\" width=\"1\/1\" el_position=\"first last\"] [fullwidth_text alt_background=\"alt-eight\" el_class=\"mb0 no-arrow\" width=\"1\/1\" el_position=\"first last\"] Services & Capabilities \u00a0 [\/fullwidth_text] [clients_featured title=\"Featured Clients\" category=\"all\" alt_background=\"alt-two\" el_class=\"mt0 bt0 no-arrow\" width=\"1\/1\" el_position=\"first last\"] [blank_spacer height=\"20px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Meet our\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1195,"url":"https:\/\/beatsoop.com\/index.php\/pages\/services\/","url_meta":{"origin":6184,"position":3},"title":"Services & Capabilities","author":"beatsoop.com","date":"9 August 2012","format":false,"excerpt":"[spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/4\" el_position=\"first\"] Incredibly Responsive Neighborhood is completely responsive. And when we say responsive, we mean it won\u2019t only work on mobile devices; it\u2019ll look damn good too! Find out more > [\/spb_text_block] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/4\"] Swift Page Builder Quickly & easily create beautiful pages. Choose any\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6629,"url":"https:\/\/beatsoop.com\/index.php\/pages\/about-us-alt\/","url_meta":{"origin":6184,"position":4},"title":"About Us 2","author":"beatsoop.com","date":"4 March 2013","format":false,"excerpt":"[spb_tabs tab_asset_title=\"Why choose us?\" width=\"1\/2\" el_position=\"first\"] [spb_tab title=\"Approach\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2935,"url":"https:\/\/beatsoop.com\/index.php\/shortcodes\/icons-links-with-icons\/","url_meta":{"origin":6184,"position":5},"title":"Icons & Links with icons","author":"beatsoop.com","date":"17 November 2012","format":false,"excerpt":"[spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Small Icons [\/spb_text_block] [blank_spacer height=\"3px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/4\" el_position=\"first\"] [\/spb_text_block] [codesnippet pb_margin_bottom=\"no\" width=\"3\/4\" el_position=\"last\"] [icon image=\"flask\" size=\"small\" cont=\"yes\/no\"] [\/codesnippet] [blank_spacer height=\"30px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Medium Icons [\/spb_text_block] [blank_spacer height=\"3px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\"\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/6184"}],"collection":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/comments?post=6184"}],"version-history":[{"count":1,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/6184\/revisions"}],"predecessor-version":[{"id":12311,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/6184\/revisions\/12311"}],"up":[{"embeddable":true,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/8303"}],"wp:attachment":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/media?parent=6184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}