Documentation

Waveforms & Progress Bars

Waveforms are the visual heartbeat of an audiogram - they move with your audio and instantly signal "press play, there's sound here". Progress bars show viewers how far through the audio they are.

Waveforms

Click Waveform in the sidebar and pick a style. There are ten:

  • Curves - smooth flowing curves
  • Rounded and Fat Rounded - classic rounded bars
  • Little Recs - small rectangles
  • Thin Triangles - sharp triangular spikes
  • Balls - bouncing dots
  • Bottom - bars rising from a baseline
  • Wire Line - a fine oscillating line
  • Ball Circle and Wire Circle - circular waveforms that pulse around a ring, great behind podcast artwork.

Customising a waveform

Depending on the style, you can set up to four colours, and toggle symmetrical mode to mirror the waveform around its centre line. Position and resize it like any other element.

Progress bars

Click Progress and choose from four styles:

  • Simple - a clean straight bar
  • Rounded - a bar with rounded ends
  • Dot - a marker travelling along a line
  • Circle - a ring that fills as the audio plays

Progress bars support up to two colours (track and fill), plus fit-to-width and alignment controls.

* Waveforms and progress bars always render on the top layer of your design, so they stay visible above backgrounds and images.

** Waveform animations may differ slightly between preview and server based rendering.

Send Feedback