在前端開發中，經常需要用到指向性箭頭來進行頁面設計。在CSS中，可以使用百分比來輕松創建箭頭。下面是一個實現百分比箭頭的例子：

.arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #007bff;
}

在這個例子中，我們使用了一個div元素，并將其類名設置為“arrow”。

接下來，我們使用width和height屬性將它的寬度和高度設置為0。這么做是因為我們不想在箭頭的中間出現任何額外的空間。

接下來，我們使用border-style屬性來定義邊框的類型，這里我們使用的是實線邊框。

接下來，我們使用border-width屬性來定義四個邊框的寬度。我們希望箭頭的左邊、下邊和上邊都是20百分比的寬度，因此我們將border-width設為“20px 0 20px 20px”。

最后，我們使用border-color屬性將箭頭的顏色設置為藍色。我們只是為了演示百分比箭頭的實現過程，所以設定了藍色，讀者可以自行修改為自己所需的顏色。

總的來說，使用CSS百分比箭頭是一種快速、簡單的方式來創建頁面中常見的指向性箭頭。而通過對CSS樣式進行修改，還可以輕松改變箭頭的顏色、寬度等屬性，以滿足不同頁面設計的需求。