{"id":29204,"date":"2024-11-25T14:07:15","date_gmt":"2024-11-25T06:07:15","guid":{"rendered":"https:\/\/fwq.ai\/blog\/29204\/"},"modified":"2024-11-25T14:07:15","modified_gmt":"2024-11-25T06:07:15","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6progress%e8%bf%9b%e5%ba%a6%e6%9d%a1%e8%a7%a3%e8%af%bb%e5%92%8c%e5%88%86%e6%9e%90","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/29204\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6progress\u8fdb\u5ea6\u6761\u89e3\u8bfb\u548c\u5206\u6790"},"content":{"rendered":"

progress<\/span><\/span>\u7ec4\u4ef6\u8bf4\u660e:<\/span><\/span><\/strong><\/p>\n

\u8fdb\u5ea6\u6761\uff0c\u5c31\u662f\u8868\u793a\u4e8b\u60c5\u5f53\u524d\u5b8c\u6210\u5230\u4ec0\u4e48\u5730\u6b65\u4e86\uff0c\u53ef\u4ee5\u8ba9\u7528\u6237\u89c6\u89c9\u4e0a\u611f\u77e5\u4e8b\u60c5\u7684\u6267\u884c\u3002
progress\u8fdb\u5ea6\u6761\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u7ec4\u4ef6\uff0c\u548c\u7684\u8fdb\u5ea6\u6761progress\u7c7b\u4f3c\u3002<\/span><\/span><\/span><\/span><\/p>\n

progress\u8fdb\u5ea6\u6761<\/span><\/span>\u7ec4\u4ef6<\/span><\/span>\u793a\u4f8b\u4ee3\u7801\u8fd0\u884c\u6548\u679c\u5982\u4e0b\uff1a<\/span><\/span><\/strong><\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6progress\u8fdb\u5ea6\u6761\u89e3\u8bfb\u548c\u5206\u6790\u63d2\u56fe\"<\/p>\n

\u4e0b\u9762\u662fW\u4ee3\u7801\uff1a<\/span><\/p>\n

<!--index.wxml-->\r\n<view>\r\n    <text>\u95ee\uff1a\u8001\u53f8\u673a\uff0c\u5565\u65f6\u5019\u5f00\u8f66\uff1f<\/text>\r\n    <progress><\/progress><\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e0b\u9762\u662f\u4ee3\u7801\uff1a<\/span><\/p>\n
Page({\r\n  data:{\r\n  },\r\n  onLoad:function(options){\r\n    \/\/ \u9875\u9762\u521d\u59cb\u5316 options\u4e3a\u9875\u9762\u8df3\u8f6c\u6240\u5e26\u6765\u7684\u53c2\u6570\r\n  },\r\n  onReady:function(){\r\n    \/\/ \u9875\u9762\u6e32\u67d3\u5b8c\u6210\r\n  },\r\n  onShow:function(){\r\n    \/\/ \u9875\u9762\u663e\u793a\r\n  },\r\n  onHide:function(){\r\n    \/\/ \u9875\u9762\u9690\u85cf\r\n  },\r\n  onUnload:function(){\r\n    \/\/ \u9875\u9762\u5173\u95ed\r\n  }\r\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e0b\u9762\u662f\u4ee3\u7801\uff1a<\/span><\/p>\n
.content{\r\n  padding-top: 20px;\r\n}\r\n.con-text{\r\n  display: block;\r\n  padding-bottom: 20px;\r\n}\r\n.con-pro{\r\n  color: cornflowerblue;\r\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6progress\u8fdb\u5ea6\u6761\u89e3\u8bfb\u548c\u5206\u6790\u63d2\u56fe1\"<\/p>\n
\u4e0b\u9762\u662fWXML\u4ee3\u7801\uff1a<\/span><\/p>\n
<!--index.wxml-->\r\n<view>\r\n    <text>\u4e0d\u5c55\u793a\u767e\u5206\u6bd4<\/text>\r\n    <progress><\/progress>\r\n    <text>\u5c55\u793a\u767e\u5206\u6bd4(\u767e\u5206\u6bd4\u5b57\u4f53\u6837\u5f0f\u901a\u8fc7class\u63a7\u5236)<\/text>\r\n    <progress><\/progress>\r\n    <text>\u6539\u53d8\u8fdb\u5ea6\u6761\u7ebf\u7684\u5bbd\u5ea6:15px<\/text>\r\n    <progress><\/progress>\r\n    <text>\u6539\u53d8\u8fdb\u5ea6\u6761\u989c\u8272(#)\uff1a\u9ed1\u8272<\/text>\r\n    <progress><\/progress>\r\n    <text>\u6539\u53d8\u8fdb\u5ea6\u6761\u989c\u8272(\u5df2\u5b9a\u4e49)\uff1a\u6a58\u8272<\/text>\r\n    <progress><\/progress>\r\n    <text>\u51e0\u4e2a\u5c5e\u6027\u53e0\u52a0<\/text>\r\n    <progress><\/progress><\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e0b\u9762\u662fJS\u4ee3\u7801\uff1a<\/span><\/p>\n
Page({\r\n  data:{\r\n  },\r\n  onLoad:function(options){\r\n    \/\/ \u9875\u9762\u521d\u59cb\u5316 options\u4e3a\u9875\u9762\u8df3\u8f6c\u6240\u5e26\u6765\u7684\u53c2\u6570\r\n  },\r\n  onReady:function(){\r\n    \/\/ \u9875\u9762\u6e32\u67d3\u5b8c\u6210\r\n  },\r\n  onShow:function(){\r\n    \/\/ \u9875\u9762\u663e\u793a\r\n  },\r\n  onHide:function(){\r\n    \/\/ \u9875\u9762\u9690\u85cf\r\n  },\r\n  onUnload:function(){\r\n    \/\/ \u9875\u9762\u5173\u95ed\r\n  }\r\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e0b\u9762\u662fWXSS\u4ee3\u7801\uff1a<\/span><\/p>\n
.content{\r\n  padding-top: 20px;\r\n}\r\n.con-text{\r\n  display: block;\r\n  padding-bottom: 10px;\r\n}\r\n.con-pro{\r\n  padding-bottom: 30px;\r\n  color: cornflowerblue;\r\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6progress\u8fdb\u5ea6\u6761\u89e3\u8bfb\u548c\u5206\u6790\u63d2\u56fe2\"<\/span><\/p>\n
\u4e0b\u9762\u662fWXML\u4ee3\u7801\uff1a<\/span><\/p>\n
<!--index.wxml-->\r\n<view>\r\n    <text>\u770b\u6211\u5f00\u7684\u98de\u8d77<\/text>\r\n    <progress><\/progress><\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e0b\u9762\u662fJS\u4ee3\u7801\uff1a<\/span><\/p>\n
Page({\r\n  data:{\r\n  },\r\n  onLoad:function(options){\r\n    \/\/ \u9875\u9762\u521d\u59cb\u5316 options\u4e3a\u9875\u9762\u8df3\u8f6c\u6240\u5e26\u6765\u7684\u53c2\u6570\r\n  },\r\n  onReady:function(){\r\n    \/\/ \u9875\u9762\u6e32\u67d3\u5b8c\u6210\r\n  },\r\n  onShow:function(){\r\n    \/\/ \u9875\u9762\u663e\u793a\r\n  },\r\n  onHide:function(){\r\n    \/\/ \u9875\u9762\u9690\u85cf\r\n  },\r\n  onUnload:function(){\r\n    \/\/ \u9875\u9762\u5173\u95ed\r\n  }\r\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e0b\u9762\u662fWXSS\u4ee3\u7801\uff1a<\/span><\/p>\n
.content{\r\n  padding-top: 20px;\r\n}\r\n.con-text{\r\n  display: block;\r\n  padding-bottom: 10px;\r\n}\r\n.con-pro{\r\n  padding-bottom: 30px;\r\n  color: cornflowerblue;\r\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
progress\u8fdb\u5ea6\u6761\u7684<\/span><\/span>\u4e3b\u8981\u5c5e\u6027\uff1a<\/span><\/span><\/strong><\/p>\n\n\n\n\n\n\n\n\n
\n
\u5c5e\u6027<\/p>\n<\/td>\n
\n
\u7c7b\u578b<\/p>\n<\/td>\n
\n
\u9ed8\u8ba4\u503c<\/p>\n<\/td>\n
\n
\u63cf\u8ff0<\/p>\n<\/td>\n<\/tr>\n
percent<\/td>\n<\/td>\n0<\/td>\n\u8868\u793a0-100\u767e\u5206\u6bd4<\/td>\n<\/tr>\n
show-info<\/td>\nBoolean<\/td>\nfalse<\/td>\n\u8868\u793a\u5728\u8fdb\u5ea6\u6761\u53f3\u4fa7\u663e\u793a\u767e\u5206\u6bd4\uff0c\u5199\u4e0a\u5c5e\u6027\u5373\u4e3atrue<\/td>\n<\/tr>\n
color<\/td>\nColor<\/td>\n#09BB07<\/td>\n\u8868\u793a\u8fdb\u5ea6\u6761\u989c\u8272\uff0c\u53ef\u4ee5\u662f#\u6216\u8005\u5df2\u5b9a\u4e49\u989c\u8272\u5c5e\u6027<\/td>\n<\/tr>\n
stroke-width<\/td>\nNumber<\/td>\n6<\/td>\n\u5355\u4f4d\uff1apx\uff0c\u8868\u793a\u8fdb\u5ea6\u6761\u663e\u793a\u7684\u7ebf\u6761\u5bbd\u5ea6<\/td>\n<\/tr>\n
active<\/td>\nBoolean<\/td>\nfalse<\/td>\n\u8868\u793a\u8fdb\u5ea6\u6761\u4ece\u5de6\u5f80\u53f3\u7684\u52a8\u753b\uff0c\u52a8\u753b\u5230\u8bbe\u7f6e\u7684\u767e\u5206\u6bd4\u505c\u6b62\uff0c\u5199\u4e0a\u5c5e\u6027\u5373\u4e3atrue<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6progress\u8fdb\u5ea6\u6761\u89e3\u8bfb\u548c\u5206\u6790\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
progress\u7ec4\u4ef6\u8bf4\u660e: \u8fdb\u5ea6\u6761\uff0c\u5c31\u662f\u8868\u793a\u4e8b\u60c5\u5f53\u524d\u5b8c\u6210\u5230\u4ec0\u4e48\u5730\u6b65\u4e86\uff0c\u53ef\u4ee5\u8ba9\u7528\u6237\u89c6\u89c9\u4e0a\u611f\u77e5\u4e8b\u60c5\u7684\u6267\u884c\u3002progress\u8fdb\u5ea6\u6761\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u7ec4\u4ef6\uff0c\u548c\u7684\u8fdb\u5ea6\u6761progress\u7c7b\u4f3c\u3002 progress\u8fdb\u5ea6\u6761\u7ec4\u4ef6\u793a\u4f8b\u4ee3\u7801\u8fd0\u884c\u6548\u679c\u5982\u4e0b\uff1a \u4e0b\u9762\u662fW\u4ee3\u7801\uff1a <!–index.wxml–> <view>     <text>\u95ee\uff1a\u8001\u53f8\u673a\uff0c\u5565\u65f6\u5019\u5f00\u8f66\uff1f<\/text>     <progress><\/progress><\/view> \u767b\u5f55\u540e\u590d\u5236 \u4e0b\u9762\u662f\u4ee3\u7801\uff1a Page({   data:{   },   onLoad:function(options){     \/\/ \u9875\u9762\u521d\u59cb\u5316 options\u4e3a\u9875\u9762\u8df3\u8f6c\u6240\u5e26\u6765\u7684\u53c2\u6570   },   onReady:function(){     \/\/ \u9875\u9762\u6e32\u67d3\u5b8c\u6210   },   onShow:function(){     \/\/ \u9875\u9762\u663e\u793a   },   onHide:function(){     \/\/ \u9875\u9762\u9690\u85cf   },   onUnload:function(){     \/\/ \u9875\u9762\u5173\u95ed   } }) \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u4e0b\u9762\u662f\u4ee3\u7801\uff1a .content{   padding-top: 20px; } .con-text{   display: block;   padding-bottom: 20px; } .con-pro{   color: cornflowerblue; } \u767b\u5f55\u540e\u590d\u5236 \u4e0b\u9762\u662fWXML\u4ee3\u7801\uff1a <!–index.wxml–> <view>     <text>\u4e0d\u5c55\u793a\u767e\u5206\u6bd4<\/text>     <progress><\/progress>     <text>\u5c55\u793a\u767e\u5206\u6bd4(\u767e\u5206\u6bd4\u5b57\u4f53\u6837\u5f0f\u901a\u8fc7class\u63a7\u5236)<\/text>     <progress><\/progress>     <text>\u6539\u53d8\u8fdb\u5ea6\u6761\u7ebf\u7684\u5bbd\u5ea6:15px<\/text>     <progress><\/progress>     <text>\u6539\u53d8\u8fdb\u5ea6\u6761\u989c\u8272(#)\uff1a\u9ed1\u8272<\/text>     <progress><\/progress> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-29204","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=29204"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29204\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=29204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=29204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=29204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}