Year Progress with Custom Text<\/title><\/p>\n<style>\n .progress-bar-container {\n width: 100%;\n background-color: #ddd;\n border: 1px solid #ccc;\n padding: 2px;\n position: relative;\n }\n .progress-bar {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n background-color: #4CAF50;\n text-align: right;\n padding-right: 10px;\n color: white;\n }\n .progress-bar-text {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 0.8em;\n }\n<\/style>\n<p><script>\nfunction calculateYearPercentage() {\n var today = new Date();\n var year = today.getFullYear();\n var pastDays = Math.floor((today - new Date(year, 0, 1)) \/ (1000 * 60 * 60 * 24)) + 1;\n var isLeapYear = ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0);\n var totalDays = isLeapYear ? 366 : 365;\n var percentage = (pastDays \/ totalDays) * 100;\n var progressBar = document.getElementById(\"progress-bar\");\n var progressBarText = document.getElementById(\"progress-bar-text\");\n var filledChars = Math.floor((percentage \/ 100) * 10);\n var barText = Array(filledChars + 1).join(\"\u2593\") + \"\u2591\".repeat(10 - filledChars);\n progressBarText.textContent = \"\u3010\u8fdb\u5ea6\u6761\u3011\\n\" + barText + \"\\n\" + year + \"\u5e74\uff0c\u60a8\u5df2\u7ecf\u4f7f\u7528\u4e86\" + percentage.toFixed(2) + \"%\";\n progressBar.style.width = percentage + \"%\";\n}<\/p>\n<p>window.onload = calculateYearPercentage;\n<\/script><br \/>\n<\/head><br \/>\n<body><\/p>\n<h1>Year Progress<\/h1>\n<div class=\"progress-bar-container\">\n<div id=\"progress-bar\" class=\"progress-bar\"><\/div>\n<div id=\"progress-bar-text\" class=\"progress-bar-text\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p> \u5c71\u4e1c\u7cbe\u9e70\u5de5\u7a0b\u88c5\u5907\u6709\u9650\u516c\u53f8 \u8054\u7cfb\u7535\u8bdd\uff1a0536-2286288 \u8054\u7cfb\u624b\u673a\uff1a13031680704 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages\/1702"}],"collection":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":4,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages\/1702\/revisions"}],"predecessor-version":[{"id":3383,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages\/1702\/revisions\/3383"}],"wp:attachment":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/media?parent=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1702,"date":"2020-06-13T11:05:44","date_gmt":"2020-06-13T03:05:44","guid":{"rendered":"http:\/\/www.sdjingying.cn\/?page_id=1702"},"modified":"2024-08-05T09:13:55","modified_gmt":"2024-08-05T01:13:55","slug":"contact-us","status":"publish","type":"page","link":"http:\/\/www.shandongjingying.com\/contact-us","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"

$\"\"$ <\/p>\n

<\/p>\n

$\"\u81ea\u917f\u5564\u9152\u8bbe\u5907\u4e2d\u917f\u5382\u5bb6\"$ <\/p>\n

\u5c71\u4e1c\u7cbe\u9e70\u5de5\u7a0b\u88c5\u5907\u6709\u9650\u516c\u53f8<\/span><\/strong><\/p>\n

\u8054\u7cfb\u7535\u8bdd\uff1a0536-2286288<\/span><\/p>\n

\u8054\u7cfb\u624b\u673a\uff1a13031680704<\/p>\n

\u8054\u7cfb\u90ae\u7bb1\uff1awemac@qq.com<\/p>\n

\u8054\u7cfb\u5730\u5740\uff1a\u5c71\u4e1c\u7701\u6f4d\u574a\u5e02\u594e\u6587\u533a\u5e84\u68c0\u8def<\/p>\n

2600\u53f7<\/p>\n

Year Progress with Custom Text<\/title><\/p>\n<style>\n .progress-bar-container {\n width: 100%;\n background-color: #ddd;\n border: 1px solid #ccc;\n padding: 2px;\n position: relative;\n }\n .progress-bar {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n background-color: #4CAF50;\n text-align: right;\n padding-right: 10px;\n color: white;\n }\n .progress-bar-text {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 0.8em;\n }\n<\/style>\n<p><script>\nfunction calculateYearPercentage() {\n var today = new Date();\n var year = today.getFullYear();\n var pastDays = Math.floor((today - new Date(year, 0, 1)) \/ (1000 * 60 * 60 * 24)) + 1;\n var isLeapYear = ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0);\n var totalDays = isLeapYear ? 366 : 365;\n var percentage = (pastDays \/ totalDays) * 100;\n var progressBar = document.getElementById(\"progress-bar\");\n var progressBarText = document.getElementById(\"progress-bar-text\");\n var filledChars = Math.floor((percentage \/ 100) * 10);\n var barText = Array(filledChars + 1).join(\"\u2593\") + \"\u2591\".repeat(10 - filledChars);\n progressBarText.textContent = \"\u3010\u8fdb\u5ea6\u6761\u3011\\n\" + barText + \"\\n\" + year + \"\u5e74\uff0c\u60a8\u5df2\u7ecf\u4f7f\u7528\u4e86\" + percentage.toFixed(2) + \"%\";\n progressBar.style.width = percentage + \"%\";\n}<\/p>\n<p>window.onload = calculateYearPercentage;\n<\/script><br \/>\n<\/head><br \/>\n<body><\/p>\n<h1>Year Progress<\/h1>\n<div class=\"progress-bar-container\">\n<div id=\"progress-bar\" class=\"progress-bar\"><\/div>\n<div id=\"progress-bar-text\" class=\"progress-bar-text\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p> \u5c71\u4e1c\u7cbe\u9e70\u5de5\u7a0b\u88c5\u5907\u6709\u9650\u516c\u53f8 \u8054\u7cfb\u7535\u8bdd\uff1a0536-2286288 \u8054\u7cfb\u624b\u673a\uff1a13031680704 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages\/1702"}],"collection":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":4,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages\/1702\/revisions"}],"predecessor-version":[{"id":3383,"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/pages\/1702\/revisions\/3383"}],"wp:attachment":[{"href":"http:\/\/www.shandongjingying.com\/wp-json\/wp\/v2\/media?parent=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}