Axure RP9 making circular progress bar

Drag to a rectangular canvas, resized 260x260, select the shape


2416132-a116ac5b4e98d6e3.png
Screen shot 2019-06-04 15.35.56.png

Select the round notch


2416132-e6aa089a87c02e60.png
Screen shot 2019-06-04 15.37.00.png

Gap adjustment 1/4
2416132-a79eb245510aafe5.png
Screen shot 2019-06-04 15.38.14.png

A canvas to drag oval


2416132-697938a5f9618795.png
Screen shot 2019-06-04 15.41.28.png

Size is set to 230x230
2416132-08eba469ad5f9864.png
Screen shot 2019-06-04 15.42.22.png

Click to select the first round notched, click to select the internal circular.
2416132-1f8451e402a7cdf6.png
Screen shot 2019-06-04 15.46.14.png

Then select the style removed
2416132-a5077138f1502b1c.png
Screen shot 2019-06-04 15.46.52.png

The two shape change into a new ring. Set the background color
2416132-51ac9a843f804cf9.png
Screen shot 2019-06-04 15.48.07.png

In drag two rectangular, semicircular converted into


2416132-cff578b160d28e8b.png
Screen shot 2019-06-05 16.39.32.png

Size 15x10, and then rotated to a suitable angle
2416132-c4d207dea6f36f0a.png
Screen shot 2019-06-05 16.41.08.png

They are now two semicircles. merge
2416132-660d3fd981b92638.png
Screen shot 2019-06-05 16.47.49.png

Selected original 237 degrees rotation
2416132-317d2603afc2334a.png
Screen shot 2019-06-05 16.51.40.png

The above steps are repeated two rectangular drag
2416132-77d4c97f6483c705.png
Screen shot 2019-06-05 16.59.26.png

Select the two rectangles, remove
2416132-444c936973d4fd17.png
Screen shot 2019-06-05 17.01.09.png

In drag the two rectangles, select the semicircle. Suitable combined rotation angle
2416132-435a3ae62fd7be04.png
Screen shot 2019-06-05 17.11.42.png

Drag in a circle, and the width of the line is set to 0 for all components,
2416132-b3054af0a5bfa8ba.png
Screen shot 2019-06-05 17.15.07.png

Guess you like

Origin blog.csdn.net/weixin_34092370/article/details/90966071