{"id":3950,"date":"2016-07-15T15:59:19","date_gmt":"2016-07-15T06:59:19","guid":{"rendered":"http:\/\/demo.dptheme.net\/dp14\/?page_id=3631"},"modified":"2016-07-15T15:59:19","modified_gmt":"2016-07-15T06:59:19","slug":"skill-bar","status":"publish","type":"page","link":"https:\/\/skin.dpthemes.net\/macchiato1\/skill-bar","title":{"rendered":"\u30b9\u30ad\u30eb\u30d0\u30fc\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9"},"content":{"rendered":"<div class=\"box-blue\">\u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3059\u308b\u306b\u306fDigiPress\u30c6\u30fc\u30de\u5c02\u7528\u306e\u30d7\u30e9\u30b0\u30a4\u30f3(\u6709\u6599)\u304c\u5fc5\u8981\u3067\u3059<\/div>\n<h3 id=\"e69c80e4bd8ee99990e381aee382aae38397e382b7e383a7e383b3e38292e68c87e5ae9ae38197e3819fe4be8b-1\">\u6700\u4f4e\u9650\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6307\u5b9a\u3057\u305f\u4f8b<\/h3>\n<div class=\"dp_sc_skillbars macchiato\">\n<div class=\"skillbar shadow\" data-percent=\"82%\" style=\"height:40px;line-height:40px;background-color:rgba(0,0,0,0.06);\">\n<div class=\"sbar bar\" style=\"font-size:12px;color:#fff;background-color:#82daca;line-height:40px;\"><span class=\"title bold\">HTML<\/span><\/div>\n<div class=\"sbar rate\" style=\"font-size:12px;color:#666;line-height:40px;\">82%<\/div>\n<\/div>\n<div class=\"skillbar shadow\" data-percent=\"70%\" style=\"height:40px;line-height:40px;background-color:rgba(0,0,0,0.06);\">\n<div class=\"sbar bar\" style=\"font-size:12px;color:#fff;background-color:#82daca;line-height:40px;\"><span class=\"title bold\">CSS<\/span><\/div>\n<div class=\"sbar rate\" style=\"font-size:12px;color:#666;line-height:40px;\">70%<\/div>\n<\/div>\n<div class=\"skillbar shadow\" data-percent=\"48%\" style=\"height:40px;line-height:40px;background-color:rgba(0,0,0,0.06);\">\n<div class=\"sbar bar\" style=\"font-size:12px;color:#fff;background-color:#82daca;line-height:40px;\"><span class=\"title bold\">Javascript<\/span><\/div>\n<div class=\"sbar rate\" style=\"font-size:12px;color:#666;line-height:40px;\">48%<\/div>\n<\/div>\n<\/div>\n<h4 id=\"e38193e381aee382b7e383a7e383bce38388e382b3e383bce38389-2\">\u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9<\/h4>\n<pre class=\"lang:default decode:true \">&#091;skillbars&#093;\n&#091;sbar title=&#039;HTML&#039; rate=82&#093;\n&#091;sbar title=&#039;CSS&#039; rate=70&#093;\n&#091;sbar title=&#039;Javascript&#039; rate=48&#093;\n&#091;\/skillbars&#093;<\/pre>\n<h3 id=\"e6a798e38085e381aae382aae38397e382b7e383a7e383b3e38292e7b584e381bfe59088e3828fe3819be3819fe4be8b-3\">\u69d8\u3005\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u4f8b<\/h3>\n<div class=\"dp_sc_skillbars macchiato\">\n<div class=\"skillbar shadow\" data-percent=\"78%\" style=\"height:60px;line-height:60px;background-color:rgba(0,0,0,0.06);\">\n<div class=\"sbar bar\" style=\"font-size:15px;color:#fff;background-color:#82daca;line-height:60px;\"><span class=\"title bold\"><i class=\"wordpress\"><\/i>WordPress<\/span><\/div>\n<div class=\"sbar rate\" style=\"font-size:14px;color:#666;line-height:60px;\">\u4e00\u756a\u5f97\u610f<\/div>\n<\/div>\n<div class=\"skillbar shadow\" data-percent=\"58%\" style=\"height:50px;line-height:50px;background-color:#5E96BD;\">\n<div class=\"sbar bar\" style=\"font-size:13px;color:#1F434C;background-color:#49D1FF;line-height:50px;\"><span class=\"title bold\">Photoshop<\/span><\/div>\n<div class=\"sbar rate\" style=\"font-size:12px;color:#fff;line-height:50px;\">\u57fa\u672c\u3060\u3051<\/div>\n<\/div>\n<div class=\"skillbar shadow\" data-percent=\"64%\" style=\"height:40px;line-height:40px;background-color:rgba(0,0,0,0.06);\">\n<div class=\"sbar bar\" style=\"font-size:14px;color:#fff;background-color:#FF76A1;line-height:40px;\"><span class=\"title bold\">Illustrator<\/span><\/div>\n<div class=\"sbar rate\" style=\"font-size:13px;line-height:40px;\">\u305d\u308c\u306a\u308a<\/div>\n<\/div>\n<div class=\"skillbar shadow\" data-percent=\"42%\" style=\"height:30px;line-height:30px;background-color:rgba(0,0,0,0.06);\">\n<div class=\"sbar bar\" style=\"font-size:12px;color:#fff;background-color:#E58C42;line-height:30px;\"><span class=\"title\">PHP<\/span><\/div>\n<div class=\"sbar rate\" style=\"font-size:12px;color:#666;line-height:30px;\">\u65e5\u3005\u7cbe\u9032<\/div>\n<\/div>\n<\/div>\n<h4 id=\"e38193e381aee382b7e383a7e383bce38388e382b3e383bce38389-4\">\u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9<\/h4>\n<pre class=\"lang:default decode:true \">&#091;skillbars&#093;\n&#091;sbar \ntitle=&#039;&lt;i class=&quot;wordpress&quot;&gt;&lt;\/i&gt;WordPress&#039;\ntitlesize=15\nrate=78\nratetext=&#039;\u4e00\u756a\u5f97\u610f&#039;\nratesize=14\nheight=60&#093;\n\n&#091;sbar \ntitle=&#039;Photoshop&#039;\ntitlecolor=#1F434C\ntitlesize=13 \nratebarcolor=#49D1FF \nrate=58 \nratetext=&#039;\u57fa\u672c\u3060\u3051&#039;\nratecolor=#fff\nratesize=12\nbgcolor=#5E96BD\nheight=50&#093;\n\n&#091;sbar \ntitle=&#039;Illustrator&#039;\ntitlesize=14\nratebarcolor=#FF76A1\nrate=64\nratetext=&#039;\u305d\u308c\u306a\u308a&#039; \nratesize=13\nheight=40&#093;\n\n&#091;sbar \ntitle=&#039;PHP&#039; \ntitlebold=0\nratebarcolor=#E58C42 \nrate=42 \nratetext=&#039;\u65e5\u3005\u7cbe\u9032&#039; \nheight=30&#093;\n&#091;\/skillbars&#093;\n<\/pre>\n<h2 id=\"e58686e5bda2e382b9e382ade383abe38390e383bce382b7e383a7e383bce38388e382b3e383bce38389-5\">\u5186\u5f62\u30b9\u30ad\u30eb\u30d0\u30fc\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9<\/h2>\n<h3 id=\"e6a798e38085e381aae38391e383a9e383a1e383bce382bfe38292e68c87e5ae9ae38197e381a64e381a4e381aee382b0e383a9e38395e38292e8a1a8e7a4bae38197-6\">\u69d8\u3005\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6307\u5b9a\u3057\u30664\u3064\u306e\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3057\u305f\u4f8b<\/h3>\n<div class=\"dp_sc_skillcircles dp_sc_fl_box macchiato justify_cen flex_children\">\n<div class=\"scircle dp_sc_fl_item\" data-rate=\"0.46\" data-size=\"120\" data-blank-color=\"rgba(0,0,0,0.1)\">\n<div class=\"srate\" style=\"font-size:32px;line-height:120px;\"><span class=\"rate-num\"><\/span><span class=\"percent\">%<\/span><\/div>\n<\/div>\n<div class=\"scircle dp_sc_fl_item\" data-rate=\"0.75\" data-size=\"120\" data-fill-color=\"#ff559f\" data-blank-color=\"rgba(0,0,0,0.1)\">\n<div class=\"srate\" style=\"font-size:32px;line-height:120px;\"><span class=\"rate-num\"><\/span><span class=\"percent\">%<\/span><\/div>\n<div class=\"caption\" style=\"font-size:13px;\">\u5f93\u6765\u6bd4\u3088\u308a<\/div>\n<\/div>\n<div class=\"scircle dp_sc_fl_item\" data-rate=\"0.52\" data-size=\"150\" data-fill-color=\"#8BC131\" data-blank-color=\"rgba(0,0,0,0.1)\" data-duration=\"2800\" data-start-angle=\"360\">\n<div class=\"srate\" style=\"font-size:15px;line-height:150px;\">Calorie<\/div>\n<div class=\"caption\" style=\"font-size:13px;\">52% OFF!<\/div>\n<\/div>\n<div class=\"scircle dp_sc_fl_item\" data-rate=\"0.84\" data-size=\"200\" data-fill-color=\"#0681c4\" data-fill-color2=\"#07c6c1\" data-blank-color=\"rgba(0,0,0,0.24)\" data-duration=\"4200\" data-start-angle=\"180\" data-thickness=\"20\" data-start-rate=\"0.1\">\n<div class=\"srate\" style=\"font-size:45px;font-weight:bold;line-height:200px;\"><span class=\"rate-num\"><\/span><span class=\"percent\">%<\/span><\/div>\n<div class=\"caption\" style=\"font-size:15px;font-weight:bold;\"><i class=\"icon-wordpress\"><\/i>WordPress<\/div>\n<\/div>\n<\/div>\n<h4 id=\"e38193e381aee382b7e383a7e383bce38388e382b3e383bce38389-7\">\u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9<\/h4>\n<pre class=\"lang:default decode:true \">&#091;skillcircles&#093;\n&#091;scircle rate=46&#093;\n\n&#091;scircle rate=75 caption=&#039;\u5f93\u6765\u6bd4\u3088\u308a&#039; barcolor=&#039;#ff559f&#039;&#093;\n\n&#091;scircle rate=52 ratetext=&#039;Calorie&#039; ratesize=15 size=150 barcolor=&#039;#8BC131&#039; caption=&#039;52% OFF!&#039; duration=2800 startangle=360&#093;\n\n&#091;scircle \nrate=84\nratesize=45\nratebold=1\nbarcolor=&#039;#0681c4&#039;\nbarcolor2=&#039;#07c6c1&#039;\nbarwidth=20\nsize=200\nblankcolor=&#039;rgba(0,0,0,0.24)&#039;\ncaption=&#039;&lt;i class=&quot;icon-wordpress&quot;&gt;&lt;\/i&gt;WordPress Share&#039;\ncaptionsize=15\ncaptionbold=1\nduration=4200\nstartrate=10\nstartangle=180\nreverse=&#039;false&#039;&#093;\n&#091;\/skillcircles&#093;<\/pre>\n","protected":false},"excerpt":{"rendered":"\u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3059\u308b\u306b\u306fDigiPress\u30c6\u30fc\u30de\u5c02\u7528\u306e\u30d7\u30e9\u30b0\u30a4\u30f3(\u6709\u6599)\u304c\u5fc5\u8981\u3067\u3059 \u6700\u4f4e\u9650\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6307\u5b9a\u3057\u305f\u4f8b \u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9 \u69d8\u3005\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u4f8b \u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9 \u5186\u5f62\u30b9\u30ad\u30eb\u30d0\u30fc\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9 \u69d8\u3005\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6307\u5b9a\u3057\u30664\u3064\u306e\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3057\u305f\u4f8b \u3053\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3950","page","type-page","status-publish"],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","dp-widget-thumb":"","dp-widget-thumb-2x":"","dp-related-thumb":"","dp-related-thumb-2x":"","dp-archive-thumb":"","dp-archive-thumb-2x":""},"category_list":"","author_info":{"name":"Becky Mendez","url":"https:\/\/skin.dpthemes.net\/macchiato1\/archives\/author\/beckylove"},"comments_num":"0 comments","_links":{"self":[{"href":"https:\/\/skin.dpthemes.net\/macchiato1\/wp-json\/wp\/v2\/pages\/3950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skin.dpthemes.net\/macchiato1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skin.dpthemes.net\/macchiato1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skin.dpthemes.net\/macchiato1\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skin.dpthemes.net\/macchiato1\/wp-json\/wp\/v2\/comments?post=3950"}],"version-history":[{"count":0,"href":"https:\/\/skin.dpthemes.net\/macchiato1\/wp-json\/wp\/v2\/pages\/3950\/revisions"}],"wp:attachment":[{"href":"https:\/\/skin.dpthemes.net\/macchiato1\/wp-json\/wp\/v2\/media?parent=3950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}