You can find a SVG animation on LottieFiles, click it to popup a window of its details. Find the “Use this animation in<\/strong>” option, and click “< html ><\/strong>“.<\/p>\n You can adjust some settings for the animation, and click “Copy Code<\/strong>“.<\/p>\n Then please open the setting panel of LoftLoader Pro, navigate to “Loader<\/strong>” > select “Custom HTML Loader<\/strong>“, and paste the code into the box.<\/p>\n Please note:<\/strong> It is NOT recommended enabling the “Smooth Page Transition” feature when using a custom HTML loader. Because the loader may need to re-render every time the page is opened or refreshed, the loader animation may disappear for a while before reappearing during the page transition process. And it is controlled by the third-party animation library you use, which we cannot control.<\/p>\n","protected":false},"excerpt":{"rendered":" This is a new feature added in version 2.2.2. When selecting Custom HTML Loader, you will be able to add the HTML code of your custom loader animation. For example, you can add a pre-defined SVG animation from LottieFiles. You can find a SVG animation on LottieFiles, click it to popup a window of its […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":73,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-680","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/680","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=680"}],"version-history":[{"count":1,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/680\/revisions"}],"predecessor-version":[{"id":684,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/680\/revisions\/684"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/73"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/07\/html-loader-1.jpg\")
<\/p>\n![\"\"](\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/07\/html-loader-2.jpg\")
<\/p>\n![\"\"](\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/07\/html-loader-3.jpg\")
<\/p>\n