#AXURE 10 HOW TO#

This rectangle will act as the filled-in portion of the progress bar.ģ.) Convert the filled-in rectangle to a Dynamic Panel. While it doesn't matter much in a page with very few objects, these things quickly pile up and when you're setting up actions, figuring out which object in your list to perform the action on is really difficult if nothing has a label! You do this by entering a value in the Name field of the Widget Interactions and Notes pane for each object.Ģ.) Duplicate the rectangle created in Step 1, but give it a color fill. Protip: I highly recommend giving descriptive names to all the objects you create in any Axure prototype. (Take note of the width of this rectangle, you'll need to know it later on. This will act as the outline of the meter.

Please note that this tutorial does require the use of Axure 7.0 or later, which introduced the 'Set Panel Size' action that the method used here relies upon.ġ.) Add a rectangle to the page and resize it to be the full shape of the progress bar. Here's a sneak preview of what you'll be building: (For more information about Axure and getting started with it, check out: )

#AXURE 10 HOW TO#

Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software.

Axure 10