{"id":97,"date":"2018-01-17T06:35:46","date_gmt":"2018-01-17T06:35:46","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftloader\/?page_id=97"},"modified":"2024-09-06T01:14:55","modified_gmt":"2024-09-06T01:14:55","slug":"percentage","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/progress\/percentage\/","title":{"rendered":"Percentage"},"content":{"rendered":"<p>When choose <strong>Percentage<\/strong>:<\/p>\n<ul>\n<li><strong>Position \u2013 Middle\/Below Loader\/Absolute Position<\/strong>. The &#8220;Middle\/Below Loader&#8221; position is relevant to the loader. If there is no loader, the percentage will be right in the middle of the browser window.\n<ul>\n<li>When choosing <strong>Middle<\/strong>, the percentage number will be put at the same place of the loader, which means they are overlapped. Then you can set Layer to decide which one will be put on top of the other.<\/li>\n<li>When choosing <strong>Below Loader<\/strong>, the percentage number will show below the loader.<\/li>\n<li>When choosing <strong>Absolute Position<\/strong>, 6 preset selectable absolute position options will show: Top Center\/Top Left\/Top Right\/Bottom Center\/Bottom Left\/Bottom Right. You can choose one of them. <span class=\"highlighted\">New feature added in version 2.5.<\/span><\/li>\n<\/ul>\n<\/li>\n<li><strong>Margin<\/strong> <strong>\u2013 <\/strong>Add top\/right\/bottom\/left margin to the percentage indicator. <span class=\"highlighted\">New feature added in version 2.5.<\/span><\/li>\n<li><strong>Layer \u2013<\/strong> When choose <strong>Middle<\/strong> as position, this option will show. Choose <strong>Front<\/strong> to bring the percentage number to the front layer of the loader. Choose <strong>Back<\/strong>, the percentage will be put behind the loader.<\/li>\n<li><strong>Size \u2013<\/strong> Drag to change font size.<\/li>\n<li><strong>Color \u2013<\/strong> Click to choose a text color from the color picker. Or enter the hex value of a color you like.<\/li>\n<li><strong>Font<\/strong> \u2013 Choose a Google font, or use the website default font (so that LoftLoader Pro won\u2019t call Google Fonts again). (New option added since v1.2.2)<\/li>\n<li><strong>Google Font \u2013<\/strong> Choose a font family from the Google Fonts list. <del datetime=\"2018-09-28T13:01:29+00:00\">Or choose <strong>\u201cDefault\u201d<\/strong> to use the font which is using by your site (so LoftLoader Pro won\u2019t call Google Fonts again).<\/del> (Updated since v1.2.2.)<\/li>\n<li><strong>Font Weight \u2013<\/strong> Select font weight. <span class=\"highlighted\">Please note:<\/span> not every font supports all the font weight values listed.<\/li>\n<li><strong>Letter Spacing \u2013<\/strong> Choose a letter spacing value in the list. It will expand or condense the space evenly between the characters.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>When choose Percentage: Position \u2013 Middle\/Below Loader\/Absolute Position. The &#8220;Middle\/Below Loader&#8221; position is relevant to the loader. If there is no loader, the percentage will be right in the middle of the browser window. When choosing Middle, the percentage number will be put at the same place of the loader, which means they are overlapped. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":90,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/97\/revisions\/832"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/90"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}