FAQ

How to create a loading bar?

When rendering a template I see handlebars {{...}} for very short period of time. Can we create a loading bar and show template after all parameters will be evaluated?

Answers

<body>
    <div style="display: none;" ut:style="display:flex;">
      <!-- content -->
    </div>
    <div style="display:flex;" ut:style="display:none;" >
      Loading...
    </div>
    <script src="http://js.socialproof.local/socialproof_succker.js"></script>
</body>

Of course. The easiest way is to use built-in feature of evaluating attributes. For example ut:style will overwrite style when template will be rendered. So you can use it to show/hide content and loading message.