Progress animation with elipse or Circle instead of bar?

I want to create a circular progress bar animation, similar to the example I made in Keyshape. Keyshape is a great app akin to Hype4, which allows the export and import of SVG formats. Can you guide me on how to achieve this in Hype?
SAP_Loading_animation_fast

Ist's very Well described in the documentationl

Here's the steps you'd use:

  1. Choose the Insert > Ellipse menu item
  2. Change the styling in the Element Inspector
    • set the background fill style to none
    • make the border width bigger
    • change the border color
  3. Chose the Edit > Convert to Vector Shape menu item
  4. Set the Line Draw in the Path Options part of the Vector Shape Inspector to 0%
  5. Hit the record button, and move the playhead out (say 1s)
  6. Set the Line Draw in the Path Options part of the Vector Shape Inspector to 100%
  7. Hit the record button to stop making keyframes
1 Like