create a canvas to show percentage of distace