Ο Βούλγαρος αυτοκράτορας συμπέρανε ότι ο αντίπαλός του θα περνούσε από το πέρασμα της Τριάβνα.Ο βυζαντινός στρατός προχώρησε αργά προς τα νότια, με τα στρατεύματά του και το τρένο των αποσκευών του να εκτείνονται για χιλιόμετρα.Οι Βούλγαροι έφτασαν στο πέρασμα μπροστά τους και έστησαν ενέδρα από τα υψώματα ενός στενού φαραγγιού.Η βυζαντινή εμπροσθοφυλακή επικέντρωσε την επίθεσή της στο κέντρο όπου ήταν τοποθετημένοι οι Βούλγαροι ηγέτες, αλλά μόλις συναντήθηκαν οι δύο κύριες δυνάμεις και ακολούθησε μάχη σώμα με σώμα, οι Βούλγαροι που στάθμευαν στα υψώματα πλημμύρισαν τη βυζαντινή δύναμη από κάτω με βράχους και βέλη.Πανικόβλητοι, οι Βυζαντινοί διαλύθηκαν και άρχισαν μια αποδιοργανωμένη υποχώρηση, προκαλώντας μια βουλγαρική επίθεση, η οποία έσφαξε όλους στο δρόμο τους.Ο Ισαάκ Β' μόλις που ξέφυγε.οι φρουροί του έπρεπε να κόψουν ένα μονοπάτι μέσα από τους δικούς τους στρατιώτες, επιτρέποντας τη φυγή του διοικητή τους από την οδό.Ο Βυζαντινός ιστορικός Νικήτας Χωνιάτης έγραψε ότι μόνο ο Ισαάκ Άγγελος διέφυγε και οι περισσότεροι από τους άλλους χάθηκαν.Η μάχη ήταν μεγάλη καταστροφή για τους Βυζαντινούς.Ο νικηφόρος στρατός κατέλαβε τον αυτοκρατορικό θησαυρό, συμπεριλαμβανομένου του χρυσού κράνους των Βυζαντινών Αυτοκρατόρων, του στέμματος και του Αυτοκρατορικού Σταυρού που θεωρούνταν το πολυτιμότερο κτήμα των Βυζαντινών ηγεμόνων - μια συμπαγή χρυσή λειψανοθήκη που περιείχε ένα κομμάτι του Τιμίου Σταυρού.Το πέταξε στο ποτάμι ένας βυζαντινός κληρικός, αλλά το βρήκαν οι Βούλγαροι.Η νίκη ήταν πολύ σημαντική για τη Βουλγαρία .Μέχρι εκείνη τη στιγμή, επίσημος Αυτοκράτορας ήταν ο Πέτρος Δ΄, αλλά μετά τις μεγάλες επιτυχίες του μικρότερου αδελφού του, ανακηρύχθηκε Αυτοκράτορας αργότερα το ίδιο έτος.